@fuf-stack/pixels 1.4.0 → 1.5.1

package/dist/{chunk-JZNGNJI5.js → chunk-P65SZZSE.js}

@@ -1,6 +1,6 @@
 import {
   useIsInitialRenderCycle
-} from "./chunk-GGXNWO3B.js";
+} from "./chunk-ULHU2VZO.js";
 import {
   __spreadValues
 } from "./chunk-OAIRL2FN.js";
@@ -142,4 +142,4 @@ export {
   ProgressCircular_default,
   ProgressCircular_default2
 };
-//# sourceMappingURL=chunk-JZNGNJI5.js.map
+//# sourceMappingURL=chunk-P65SZZSE.js.map

package/dist/{chunk-GGXNWO3B.js → chunk-ULHU2VZO.js}

@@ -80,4 +80,4 @@ export {
   useIsInitialRenderCycle,
   useLocalStorage
 };
-//# sourceMappingURL=chunk-GGXNWO3B.js.map
+//# sourceMappingURL=chunk-ULHU2VZO.js.map

package/dist/chunk-ULHU2VZO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useDebounce.ts","../src/hooks/useIsInitialRenderCycle.ts","../src/hooks/useLocalStorage.ts"],"sourcesContent":["/* eslint-disable import-x/prefer-default-export */\n\nimport { useEffect, useState } from 'react';\n\n/**\n * Hook that debounces a value\n * @param value - The value to debounce\n * @param delay - Delay in milliseconds\n * @returns The debounced value\n */\nexport const useDebounce = <Value>(value: Value, delay: number) => {\n  // State and setters for debounced value\n  const [debouncedValue, setDebouncedValue] = useState(value);\n\n  useEffect(\n    () => {\n      // Update debounced value after delay\n      const handler = setTimeout(() => {\n        setDebouncedValue(value);\n      }, delay);\n\n      // Cancel the timeout if value changes (also on delay change or unmount)\n      // This is how we prevent debounced value from updating if value is changed ...\n      // .. within the delay period. Timeout gets cleared and restarted.\n      return () => {\n        clearTimeout(handler);\n      };\n    },\n    [value, delay], // Only re-call effect if value or delay changes\n  );\n\n  return debouncedValue;\n};\n","/* eslint-disable import-x/prefer-default-export */\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * A hook that returns true on initial render and false afterward.\n *\n * @returns {boolean} - True on initial render, false afterward\n */\nexport const useIsInitialRenderCycle = (): boolean => {\n  // Use ref to avoid re-renders\n  const isInitialRender = useRef(true);\n\n  // Update ref after first render\n  useEffect(() => {\n    // Set to false after component mounts\n    isInitialRender.current = false;\n\n    // No cleanup needed for this effect\n  }, []);\n\n  return isInitialRender.current;\n};\n","/* eslint-disable import-x/prefer-default-export */\n\nimport type { Dispatch, SetStateAction } from 'react';\n\nimport { useEffect, useState } from 'react';\n\nexport const useLocalStorage = <T>(\n  key: string,\n  initialValue: T | (() => T),\n): [T, Dispatch<SetStateAction<T>>] => {\n  // Get from local storage then\n  // parse stored json or return initialValue\n  const readValue = () => {\n    // Prevent build error \"window is undefined\" but keep keep working\n    if (typeof window === 'undefined') {\n      return initialValue;\n    }\n\n    try {\n      const item = window.localStorage.getItem(key);\n      return item ? JSON.parse(item) : initialValue;\n    } catch (error) {\n      console.warn(`Error reading localStorage key “${key}”:`, error);\n      return initialValue;\n    }\n  };\n\n  // State to store our value\n  // Pass initial state function to useState so logic is only executed once\n  const [storedValue, setStoredValue] = useState<T>(readValue);\n\n  // Return a wrapped version of useState's setter function that ...\n  // ... persists the new value to localStorage.\n  const setValue: Dispatch<SetStateAction<T>> = (value) => {\n    // Prevent build error \"window is undefined\" but keeps working\n    if (typeof window === 'undefined') {\n      console.warn(\n        `Tried setting localStorage key “${key}” even though environment is not a client`,\n      );\n    }\n\n    try {\n      // Allow value to be a function so we have the same API as useState\n      const newValue = value instanceof Function ? value(storedValue) : value;\n\n      // Save to local storage\n      window.localStorage.setItem(key, JSON.stringify(newValue));\n\n      // Save state\n      setStoredValue(newValue);\n\n      // We dispatch a custom event so every useLocalStorage hook are notified\n      window.dispatchEvent(new Event('local-storage'));\n    } catch (error) {\n      console.warn(`Error setting localStorage key “${key}”:`, error);\n    }\n  };\n\n  useEffect(() => {\n    setStoredValue(readValue());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const handleStorageChange = () => {\n      setStoredValue(readValue());\n    };\n\n    // this only works for other documents, not the current one\n    window.addEventListener('storage', handleStorageChange);\n\n    // this is a custom event, triggered in writeValueToLocalStorage\n    window.addEventListener('local-storage', handleStorageChange);\n\n    return () => {\n      window.removeEventListener('storage', handleStorageChange);\n      window.removeEventListener('local-storage', handleStorageChange);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return [storedValue, setValue];\n};\n"],"mappings":";AAEA,SAAS,WAAW,gBAAgB;AAQ7B,IAAM,cAAc,CAAQ,OAAc,UAAkB;AAEjE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAE1D;AAAA,IACE,MAAM;AAEJ,YAAM,UAAU,WAAW,MAAM;AAC/B,0BAAkB,KAAK;AAAA,MACzB,GAAG,KAAK;AAKR,aAAO,MAAM;AACX,qBAAa,OAAO;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,OAAO,KAAK;AAAA;AAAA,EACf;AAEA,SAAO;AACT;;;AC9BA,SAAS,aAAAA,YAAW,cAAc;AAO3B,IAAM,0BAA0B,MAAe;AAEpD,QAAM,kBAAkB,OAAO,IAAI;AAGnC,EAAAA,WAAU,MAAM;AAEd,oBAAgB,UAAU;AAAA,EAG5B,GAAG,CAAC,CAAC;AAEL,SAAO,gBAAgB;AACzB;;;AClBA,SAAS,aAAAC,YAAW,YAAAC,iBAAgB;AAE7B,IAAM,kBAAkB,CAC7B,KACA,iBACqC;AAGrC,QAAM,YAAY,MAAM;AAEtB,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AAEA,QAAI;AACF,YAAM,OAAO,OAAO,aAAa,QAAQ,GAAG;AAC5C,aAAO,OAAO,KAAK,MAAM,IAAI,IAAI;AAAA,IACnC,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAC9D,aAAO;AAAA,IACT;AAAA,EACF;AAIA,QAAM,CAAC,aAAa,cAAc,IAAIA,UAAY,SAAS;AAI3D,QAAM,WAAwC,CAAC,UAAU;AAEvD,QAAI,OAAO,WAAW,aAAa;AACjC,cAAQ;AAAA,QACN,wCAAmC,GAAG;AAAA,MACxC;AAAA,IACF;AAEA,QAAI;AAEF,YAAM,WAAW,iBAAiB,WAAW,MAAM,WAAW,IAAI;AAGlE,aAAO,aAAa,QAAQ,KAAK,KAAK,UAAU,QAAQ,CAAC;AAGzD,qBAAe,QAAQ;AAGvB,aAAO,cAAc,IAAI,MAAM,eAAe,CAAC;AAAA,IACjD,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAAA,IAChE;AAAA,EACF;AAEA,EAAAD,WAAU,MAAM;AACd,mBAAe,UAAU,CAAC;AAAA,EAE5B,GAAG,CAAC,CAAC;AAEL,EAAAA,WAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,qBAAe,UAAU,CAAC;AAAA,IAC5B;AAGA,WAAO,iBAAiB,WAAW,mBAAmB;AAGtD,WAAO,iBAAiB,iBAAiB,mBAAmB;AAE5D,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,mBAAmB;AACzD,aAAO,oBAAoB,iBAAiB,mBAAmB;AAAA,IACjE;AAAA,EAEF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,aAAa,QAAQ;AAC/B;","names":["useEffect","useEffect","useState"]}

package/dist/{chunk-PICJQ5IH.cjs → chunk-VVQI6XOB.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSCVJ4C6Fcjs = require('./chunk-SCVJ4C6F.cjs');
+var _chunkHQ7KVEQQcjs = require('./chunk-HQ7KVEQQ.cjs');
 
 
 var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
@@ -83,7 +83,7 @@ var ProgressCircular = ({
   color = "info",
   strokeWidth: strokeWidthProp = void 0
 }) => {
-  const isInitialRenderCycle = _chunkSCVJ4C6Fcjs.useIsInitialRenderCycle.call(void 0, );
+  const isInitialRenderCycle = _chunkHQ7KVEQQcjs.useIsInitialRenderCycle.call(void 0, );
   const isFinished = !hasError && percent >= 100 && !disableFinishedState;
   const variants = progressCircularVariants({
     color,
@@ -142,4 +142,4 @@ var ProgressCircular_default2 = ProgressCircular_default;
 
 
 exports.progressCircularVariants = progressCircularVariants; exports.ProgressCircular_default = ProgressCircular_default; exports.ProgressCircular_default2 = ProgressCircular_default2;
-//# sourceMappingURL=chunk-PICJQ5IH.cjs.map
+//# sourceMappingURL=chunk-VVQI6XOB.cjs.map

package/dist/{chunk-PICJQ5IH.cjs.map → chunk-VVQI6XOB.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-PICJQ5IH.cjs","../src/ProgressCircular/ProgressCircular.tsx","../src/ProgressCircular/index.ts"],"names":["ProgressCircular_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACHA,oCAAiC;AAEjC,4CAAyD;AACzD,sCAAiE;AAEjE,oDAAyC;AAmJ7B,+CAAA;AA/IL,IAAM,yBAAA,EAA2B,4BAAA;AAAG,EACzC,KAAA,EAAO;AAAA;AAAA,IAEL,IAAA,EAAM,EAAA;AAAA;AAAA,IAEN,SAAA,EAAW,EAAA;AAAA;AAAA,IAEX,KAAA,EAAO,EAAA;AAAA;AAAA,IAEP,GAAA,EAAK,EAAA;AAAA;AAAA,IAEL,UAAA,EAAY,EAAA;AAAA;AAAA,IAEZ,KAAA,EAAO,oBAAA;AAAA;AAAA,IAEP,KAAA,EAAO;AAAA,EACT,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,8CAAA;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IAAA,CAAA,EAEG,uBAAA,CAA6B,QAAA,CAAS,KAAA,CAAA;AAAA,IAE3C,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AA6BD,IAAM,cAAA,EAAgB,CAAC,QAAA,EAAU,CAAA,EAAA,GAAM;AACrC,EAAA,OAAO,CAAA,EAAA;AACT;AAKM;AACJ,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACO,EAAA;AACC,EAAA;AACR,EAAA;AAC2B;AAErB,EAAA;AAGA,EAAA;AAEA,EAAA;AACJ,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACD,EAAA;AACK,EAAA;AAGF,EAAA;AAEA,EAAA;AAEC,EAAA;AACH,IAAA;AACE,MAAA;AACE,QAAA;AACA,QAAA;AACF,MAAA;AACE,QAAA;AACA,QAAA;AACF,MAAA;AACE,QAAA;AACA,QAAA;AACJ,IAAA;AACF,EAAA;AAGI,EAAA;AACA,EAAA;AACF,IAAA;AACA,IAAA;AACF,EAAA;AACE,IAAA;AACA,IAAA;AACF,EAAA;AAGM,EAAA;AACJ,IAAA;AACA,EAAA;AAKA,EAAA;AAAC,IAAA;AAAA,IAAA;AACC,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AAEA,MAAA;AACA,MAAA;AAAY,IAAA;AACd,EAAA;AAEJ;AAEO;ADjDG;AACA;AElIHA;AFoIG;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-PICJQ5IH.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { CircularProgressProps as HeroCircularProgressProps } from '@heroui/progress';\nimport type { ReactNode } from 'react';\n\nimport { FaCheck, FaTimes } from 'react-icons/fa';\n\nimport { CircularProgress as HeroCircularProgress } from '@heroui/progress';\nimport { circularProgress as heroCircularProgressVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useIsInitialRenderCycle } from '../hooks';\n\nexport const progressCircularVariants = tv({\n  slots: {\n    // wrapper around the whole component\n    base: '',\n    // indicator of the circle (finished part)\n    indicator: '',\n    // label next to the svgWrapper\n    label: '',\n    // wrapper for the circle\n    svg: '',\n    // wrapper around progress svg and value span\n    svgWrapper: '',\n    // track of the circle (not finished part)\n    track: 'stroke-default-300',\n    // outer span next to the svg\n    value: '',\n  },\n  variants: {\n    color: {\n      info: {\n        svg: 'text-info',\n      },\n      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/progress.ts\n      ...heroCircularProgressVariants.variants.color,\n    },\n    hasError: {\n      true: {\n        svg: 'text-danger',\n      },\n    },\n    isFinished: {\n      true: {\n        svg: 'text-success',\n      },\n    },\n    size: {\n      xs: {\n        svg: 'h-10 w-10',\n        value: 'text-[0.6rem]',\n      },\n      sm: {\n        svg: 'h-12 w-12',\n        value: 'text-xs',\n      },\n      md: {\n        svg: 'h-16 w-16',\n        value: 'text-md',\n      },\n      lg: {\n        svg: 'h-20 w-20',\n        value: 'text-lg',\n      },\n      xl: {\n        svg: 'h-24 w-24',\n        value: 'text-xl',\n      },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof progressCircularVariants>;\ntype ClassName = TVClassName<typeof progressCircularVariants>;\n\nexport interface ProgressCircularProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** color options */\n  color?: VariantProps['color'];\n  /** disables all animations */\n  disableAnimation?: boolean;\n  /** disables special finished state (checkmark icon and success color) */\n  disableFinishedState?: boolean;\n  /** formats the display value of the progress in the center */\n  format?: (percent?: number) => ReactNode;\n  /** enables error version */\n  hasError?: boolean;\n  /** percentage / progress of the circular progress bar */\n  percent: number;\n  /** size options */\n  size?: VariantProps['size'];\n  /** stroke width of the circular progress bar */\n  strokeWidth?: number;\n}\n\n/** formats percent with percent sign */\nconst defaultFormat = (percent = 0) => {\n  return `${percent}%`;\n};\n\n/**\n * ProgressCircular component based on [HeroUI CircularProgress](https://www.heroui.com/docs/components/circular-progress)\n */\nconst ProgressCircular = ({\n  ariaLabel = 'progress',\n  className = undefined,\n  format = defaultFormat,\n  hasError = false,\n  percent,\n  disableAnimation = false,\n  disableFinishedState = false,\n  size = 'md',\n  color = 'info',\n  strokeWidth: strokeWidthProp = undefined,\n}: ProgressCircularProps) => {\n  // used to disable animation on initial render cycle\n  const isInitialRenderCycle = useIsInitialRenderCycle();\n\n  // Apply finished state if percent is 100 or more and not disabled by disableFinishedState\n  const isFinished = !hasError && percent >= 100 && !disableFinishedState;\n\n  const variants = progressCircularVariants({\n    color,\n    hasError,\n    isFinished,\n    size,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // format value\n  let value = format(percent);\n\n  let strokeWidth = strokeWidthProp;\n  // set strokeWidth based on size prop when no strokeWidth provided\n  if (!strokeWidth) {\n    switch (size) {\n      case 'xs':\n        strokeWidth = 2;\n        break;\n      case 'sm':\n        strokeWidth = 1.8;\n        break;\n      default:\n        strokeWidth = 1.6;\n        break;\n    }\n  }\n\n  // handle special states\n  let progressColor: VariantProps['color'] = color;\n  if (hasError) {\n    progressColor = 'danger';\n    value = <FaTimes className=\"text-danger\" />;\n  } else if (isFinished) {\n    progressColor = 'success';\n    value = <FaCheck className=\"text-success\" />;\n  }\n\n  // pass only HeroUI colors as props\n  const heroUiColor = Object.keys(\n    heroCircularProgressVariants.variants.color,\n  ).includes(color)\n    ? (progressColor as HeroCircularProgressProps['color'])\n    : undefined;\n\n  return (\n    <HeroCircularProgress\n      showValueLabel\n      aria-label={ariaLabel}\n      classNames={classNames}\n      color={heroUiColor}\n      disableAnimation={isInitialRenderCycle || disableAnimation}\n      strokeWidth={strokeWidth}\n      // INFO: we do NOT use spinner animation when no percent provided\n      value={percent || 0}\n      valueLabel={value}\n    />\n  );\n};\n\nexport default ProgressCircular;\n","import ProgressCircular, { progressCircularVariants } from './ProgressCircular';\n\nexport type { ProgressCircularProps } from './ProgressCircular';\n\nexport { ProgressCircular, progressCircularVariants };\n\nexport default ProgressCircular;\n"]}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-VVQI6XOB.cjs","../src/ProgressCircular/ProgressCircular.tsx","../src/ProgressCircular/index.ts"],"names":["ProgressCircular_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACHA,oCAAiC;AAEjC,4CAAyD;AACzD,sCAAiE;AAEjE,oDAAyC;AAmJ7B,+CAAA;AA/IL,IAAM,yBAAA,EAA2B,4BAAA;AAAG,EACzC,KAAA,EAAO;AAAA;AAAA,IAEL,IAAA,EAAM,EAAA;AAAA;AAAA,IAEN,SAAA,EAAW,EAAA;AAAA;AAAA,IAEX,KAAA,EAAO,EAAA;AAAA;AAAA,IAEP,GAAA,EAAK,EAAA;AAAA;AAAA,IAEL,UAAA,EAAY,EAAA;AAAA;AAAA,IAEZ,KAAA,EAAO,oBAAA;AAAA;AAAA,IAEP,KAAA,EAAO;AAAA,EACT,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO,8CAAA;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IAAA,CAAA,EAEG,uBAAA,CAA6B,QAAA,CAAS,KAAA,CAAA;AAAA,IAE3C,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,WAAA;AAAA,QACL,KAAA,EAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AA6BD,IAAM,cAAA,EAAgB,CAAC,QAAA,EAAU,CAAA,EAAA,GAAM;AACrC,EAAA,OAAO,CAAA,EAAA;AACT;AAKM;AACJ,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACO,EAAA;AACC,EAAA;AACR,EAAA;AAC2B;AAErB,EAAA;AAGA,EAAA;AAEA,EAAA;AACJ,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACD,EAAA;AACK,EAAA;AAGF,EAAA;AAEA,EAAA;AAEC,EAAA;AACH,IAAA;AACE,MAAA;AACE,QAAA;AACA,QAAA;AACF,MAAA;AACE,QAAA;AACA,QAAA;AACF,MAAA;AACE,QAAA;AACA,QAAA;AACJ,IAAA;AACF,EAAA;AAGI,EAAA;AACA,EAAA;AACF,IAAA;AACA,IAAA;AACF,EAAA;AACE,IAAA;AACA,IAAA;AACF,EAAA;AAGM,EAAA;AACJ,IAAA;AACA,EAAA;AAKA,EAAA;AAAC,IAAA;AAAA,IAAA;AACC,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AAEA,MAAA;AACA,MAAA;AAAY,IAAA;AACd,EAAA;AAEJ;AAEO;ADjDG;AACA;AElIHA;AFoIG;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-VVQI6XOB.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { CircularProgressProps as HeroCircularProgressProps } from '@heroui/progress';\nimport type { ReactNode } from 'react';\n\nimport { FaCheck, FaTimes } from 'react-icons/fa';\n\nimport { CircularProgress as HeroCircularProgress } from '@heroui/progress';\nimport { circularProgress as heroCircularProgressVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useIsInitialRenderCycle } from '../hooks';\n\nexport const progressCircularVariants = tv({\n  slots: {\n    // wrapper around the whole component\n    base: '',\n    // indicator of the circle (finished part)\n    indicator: '',\n    // label next to the svgWrapper\n    label: '',\n    // wrapper for the circle\n    svg: '',\n    // wrapper around progress svg and value span\n    svgWrapper: '',\n    // track of the circle (not finished part)\n    track: 'stroke-default-300',\n    // outer span next to the svg\n    value: '',\n  },\n  variants: {\n    color: {\n      info: {\n        svg: 'text-info',\n      },\n      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/progress.ts\n      ...heroCircularProgressVariants.variants.color,\n    },\n    hasError: {\n      true: {\n        svg: 'text-danger',\n      },\n    },\n    isFinished: {\n      true: {\n        svg: 'text-success',\n      },\n    },\n    size: {\n      xs: {\n        svg: 'h-10 w-10',\n        value: 'text-[0.6rem]',\n      },\n      sm: {\n        svg: 'h-12 w-12',\n        value: 'text-xs',\n      },\n      md: {\n        svg: 'h-16 w-16',\n        value: 'text-md',\n      },\n      lg: {\n        svg: 'h-20 w-20',\n        value: 'text-lg',\n      },\n      xl: {\n        svg: 'h-24 w-24',\n        value: 'text-xl',\n      },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof progressCircularVariants>;\ntype ClassName = TVClassName<typeof progressCircularVariants>;\n\nexport interface ProgressCircularProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** color options */\n  color?: VariantProps['color'];\n  /** disables all animations */\n  disableAnimation?: boolean;\n  /** disables special finished state (checkmark icon and success color) */\n  disableFinishedState?: boolean;\n  /** formats the display value of the progress in the center */\n  format?: (percent?: number) => ReactNode;\n  /** enables error version */\n  hasError?: boolean;\n  /** percentage / progress of the circular progress bar */\n  percent: number;\n  /** size options */\n  size?: VariantProps['size'];\n  /** stroke width of the circular progress bar */\n  strokeWidth?: number;\n}\n\n/** formats percent with percent sign */\nconst defaultFormat = (percent = 0) => {\n  return `${percent}%`;\n};\n\n/**\n * ProgressCircular component based on [HeroUI CircularProgress](https://www.heroui.com/docs/components/circular-progress)\n */\nconst ProgressCircular = ({\n  ariaLabel = 'progress',\n  className = undefined,\n  format = defaultFormat,\n  hasError = false,\n  percent,\n  disableAnimation = false,\n  disableFinishedState = false,\n  size = 'md',\n  color = 'info',\n  strokeWidth: strokeWidthProp = undefined,\n}: ProgressCircularProps) => {\n  // used to disable animation on initial render cycle\n  const isInitialRenderCycle = useIsInitialRenderCycle();\n\n  // Apply finished state if percent is 100 or more and not disabled by disableFinishedState\n  const isFinished = !hasError && percent >= 100 && !disableFinishedState;\n\n  const variants = progressCircularVariants({\n    color,\n    hasError,\n    isFinished,\n    size,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // format value\n  let value = format(percent);\n\n  let strokeWidth = strokeWidthProp;\n  // set strokeWidth based on size prop when no strokeWidth provided\n  if (!strokeWidth) {\n    switch (size) {\n      case 'xs':\n        strokeWidth = 2;\n        break;\n      case 'sm':\n        strokeWidth = 1.8;\n        break;\n      default:\n        strokeWidth = 1.6;\n        break;\n    }\n  }\n\n  // handle special states\n  let progressColor: VariantProps['color'] = color;\n  if (hasError) {\n    progressColor = 'danger';\n    value = <FaTimes className=\"text-danger\" />;\n  } else if (isFinished) {\n    progressColor = 'success';\n    value = <FaCheck className=\"text-success\" />;\n  }\n\n  // pass only HeroUI colors as props\n  const heroUiColor = Object.keys(\n    heroCircularProgressVariants.variants.color,\n  ).includes(color)\n    ? (progressColor as HeroCircularProgressProps['color'])\n    : undefined;\n\n  return (\n    <HeroCircularProgress\n      showValueLabel\n      aria-label={ariaLabel}\n      classNames={classNames}\n      color={heroUiColor}\n      disableAnimation={isInitialRenderCycle || disableAnimation}\n      strokeWidth={strokeWidth}\n      // INFO: we do NOT use spinner animation when no percent provided\n      value={percent || 0}\n      valueLabel={value}\n    />\n  );\n};\n\nexport default ProgressCircular;\n","import ProgressCircular, { progressCircularVariants } from './ProgressCircular';\n\nexport type { ProgressCircularProps } from './ProgressCircular';\n\nexport { ProgressCircular, progressCircularVariants };\n\nexport default ProgressCircular;\n"]}

package/dist/hooks/index.cjs

@@ -2,11 +2,11 @@
 
 
 
-var _chunkSCVJ4C6Fcjs = require('../chunk-SCVJ4C6F.cjs');
+var _chunkHQ7KVEQQcjs = require('../chunk-HQ7KVEQQ.cjs');
 require('../chunk-AHEA4IJV.cjs');
 
 
 
 
-exports.useDebounce = _chunkSCVJ4C6Fcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkSCVJ4C6Fcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkSCVJ4C6Fcjs.useLocalStorage;
+exports.useDebounce = _chunkHQ7KVEQQcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkHQ7KVEQQcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkHQ7KVEQQcjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/hooks/index.d.cts

@@ -1,5 +1,11 @@
 import { Dispatch, SetStateAction } from 'react';
 
+/**
+ * Hook that debounces a value
+ * @param value - The value to debounce
+ * @param delay - Delay in milliseconds
+ * @returns The debounced value
+ */
 declare const useDebounce: <Value>(value: Value, delay: number) => Value;
 
 /**

package/dist/hooks/index.d.ts

@@ -1,5 +1,11 @@
 import { Dispatch, SetStateAction } from 'react';
 
+/**
+ * Hook that debounces a value
+ * @param value - The value to debounce
+ * @param delay - Delay in milliseconds
+ * @returns The debounced value
+ */
 declare const useDebounce: <Value>(value: Value, delay: number) => Value;
 
 /**

package/dist/hooks/index.js

@@ -2,7 +2,7 @@ import {
   useDebounce,
   useIsInitialRenderCycle,
   useLocalStorage
-} from "../chunk-GGXNWO3B.js";
+} from "../chunk-ULHU2VZO.js";
 import "../chunk-OAIRL2FN.js";
 export {
   useDebounce,

package/dist/index.cjs

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkWSVXM7H4cjs = require('./chunk-WSVXM7H4.cjs');
+var _chunkDBHL7ETRcjs = require('./chunk-DBHL7ETR.cjs');
 
 
 
-var _chunkPICJQ5IHcjs = require('./chunk-PICJQ5IH.cjs');
+var _chunkVVQI6XOBcjs = require('./chunk-VVQI6XOB.cjs');
 
 
 
 
-var _chunkSCVJ4C6Fcjs = require('./chunk-SCVJ4C6F.cjs');
+var _chunkHQ7KVEQQcjs = require('./chunk-HQ7KVEQQ.cjs');
 
 
 
@@ -45,7 +45,7 @@ var _chunk6PCFYEJHcjs = require('./chunk-6PCFYEJH.cjs');
 var _chunkOLU26V56cjs = require('./chunk-OLU26V56.cjs');
 
 
-var _chunkVVAZOJQGcjs = require('./chunk-VVAZOJQG.cjs');
+var _chunkIBP3GUEAcjs = require('./chunk-IBP3GUEA.cjs');
 
 
 
@@ -81,11 +81,11 @@ var _chunkHG7AE6Q2cjs = require('./chunk-HG7AE6Q2.cjs');
 
 
 
-var _chunkIBX6A72Pcjs = require('./chunk-IBX6A72P.cjs');
+var _chunkFVQDVD3Ecjs = require('./chunk-FVQDVD3E.cjs');
 
 
 
-var _chunkZFHOZRR2cjs = require('./chunk-ZFHOZRR2.cjs');
+var _chunkIBX6A72Pcjs = require('./chunk-IBX6A72P.cjs');
 require('./chunk-AHEA4IJV.cjs');
 
 
@@ -131,5 +131,5 @@ require('./chunk-AHEA4IJV.cjs');
 
 
 
-exports.Accordion = _chunkNSYHAJM2cjs.Accordion_default; exports.Alert = _chunkK25U4BJOcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkS4O4KDC3cjs.AvatarGroup_default; exports.Badge = _chunkHG7AE6Q2cjs.Badge_default; exports.Breadcrumb = _chunkIBX6A72Pcjs.Breadcrumb_default; exports.Button = _chunkZFHOZRR2cjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunk6PCFYEJHcjs.Card_default; exports.Drawer = _chunkOLU26V56cjs.Drawer_default; exports.Json = _chunkVVAZOJQGcjs.Json_default; exports.Label = _chunkBPBEZCSPcjs.Label_default; exports.Menu = _chunk5ZT7C5IPcjs.Menu_default; exports.Modal = _chunkB2PDISUUcjs.Modal_default; exports.Popover = _chunkRPULU7LCcjs.Popover_default; exports.Progress = _chunkWSVXM7H4cjs.Progress_default; exports.ProgressCircular = _chunkPICJQ5IHcjs.ProgressCircular_default; exports.Table = _chunkYUR6N2RBcjs.Table_default; exports.Tabs = _chunkG3YTOGEGcjs.Tabs_default; exports.Toast = _chunk56CIU4EGcjs.Toast; exports.ToastProvider = _chunk56CIU4EGcjs.ToastProvider_default; exports.Tooltip = _chunkZIAB3EXUcjs.Tooltip_default; exports.accordionVariants = _chunkNSYHAJM2cjs.accordionVariants; exports.addToast = _chunk56CIU4EGcjs.addToast; exports.alertVariants = _chunkK25U4BJOcjs.alertVariants; exports.breadcrumbVariants = _chunkIBX6A72Pcjs.breadcrumbVariants; exports.buttonVariants = _chunkZFHOZRR2cjs.buttonVariants; exports.cardVariants = _chunk6PCFYEJHcjs.cardVariants; exports.drawerBackdrops = _chunkOLU26V56cjs.drawerBackdrops; exports.drawerPlacements = _chunkOLU26V56cjs.drawerPlacements; exports.drawerRadii = _chunkOLU26V56cjs.drawerRadii; exports.drawerSizes = _chunkOLU26V56cjs.drawerSizes; exports.drawerVariants = _chunkOLU26V56cjs.drawerVariants; exports.labelVariants = _chunkBPBEZCSPcjs.labelVariants; exports.modalVariants = _chunkB2PDISUUcjs.modalVariants; exports.progressCircularVariants = _chunkPICJQ5IHcjs.progressCircularVariants; exports.progressVariants = _chunkWSVXM7H4cjs.progressVariants; exports.tableVariants = _chunkYUR6N2RBcjs.tableVariants; exports.tabsVariants = _chunkG3YTOGEGcjs.tabsVariants; exports.toastVariants = _chunk56CIU4EGcjs.toastVariants; exports.useDebounce = _chunkSCVJ4C6Fcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkSCVJ4C6Fcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkSCVJ4C6Fcjs.useLocalStorage;
+exports.Accordion = _chunkNSYHAJM2cjs.Accordion_default; exports.Alert = _chunkK25U4BJOcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkS4O4KDC3cjs.AvatarGroup_default; exports.Badge = _chunkHG7AE6Q2cjs.Badge_default; exports.Breadcrumb = _chunkIBX6A72Pcjs.Breadcrumb_default; exports.Button = _chunkFVQDVD3Ecjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunk6PCFYEJHcjs.Card_default; exports.Drawer = _chunkOLU26V56cjs.Drawer_default; exports.Json = _chunkIBP3GUEAcjs.Json_default; exports.Label = _chunkBPBEZCSPcjs.Label_default; exports.Menu = _chunk5ZT7C5IPcjs.Menu_default; exports.Modal = _chunkB2PDISUUcjs.Modal_default; exports.Popover = _chunkRPULU7LCcjs.Popover_default; exports.Progress = _chunkDBHL7ETRcjs.Progress_default; exports.ProgressCircular = _chunkVVQI6XOBcjs.ProgressCircular_default; exports.Table = _chunkYUR6N2RBcjs.Table_default; exports.Tabs = _chunkG3YTOGEGcjs.Tabs_default; exports.Toast = _chunk56CIU4EGcjs.Toast; exports.ToastProvider = _chunk56CIU4EGcjs.ToastProvider_default; exports.Tooltip = _chunkZIAB3EXUcjs.Tooltip_default; exports.accordionVariants = _chunkNSYHAJM2cjs.accordionVariants; exports.addToast = _chunk56CIU4EGcjs.addToast; exports.alertVariants = _chunkK25U4BJOcjs.alertVariants; exports.breadcrumbVariants = _chunkIBX6A72Pcjs.breadcrumbVariants; exports.buttonVariants = _chunkFVQDVD3Ecjs.buttonVariants; exports.cardVariants = _chunk6PCFYEJHcjs.cardVariants; exports.drawerBackdrops = _chunkOLU26V56cjs.drawerBackdrops; exports.drawerPlacements = _chunkOLU26V56cjs.drawerPlacements; exports.drawerRadii = _chunkOLU26V56cjs.drawerRadii; exports.drawerSizes = _chunkOLU26V56cjs.drawerSizes; exports.drawerVariants = _chunkOLU26V56cjs.drawerVariants; exports.labelVariants = _chunkBPBEZCSPcjs.labelVariants; exports.modalVariants = _chunkB2PDISUUcjs.modalVariants; exports.progressCircularVariants = _chunkVVQI6XOBcjs.progressCircularVariants; exports.progressVariants = _chunkDBHL7ETRcjs.progressVariants; exports.tableVariants = _chunkYUR6N2RBcjs.tableVariants; exports.tabsVariants = _chunkG3YTOGEGcjs.tabsVariants; exports.toastVariants = _chunk56CIU4EGcjs.toastVariants; exports.useDebounce = _chunkHQ7KVEQQcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkHQ7KVEQQcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkHQ7KVEQQcjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -4,7 +4,7 @@ export { A as Avatar, a as AvatarProps } from './Avatar-DjZ3H25h.cjs';
 export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-BujXZ7Vy.cjs';
 export { A as Badge, B as BadgeProps } from './Badge-L8r9mgSs.cjs';
 export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-Cvt5Xa5D.cjs';
-export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-BOaEQrs9.cjs';
+export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-nJ22qVMK.cjs';
 export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.cjs';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-OBRZ-ssX.cjs';
 export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-JpihbwKl.cjs';

package/dist/index.d.ts

@@ -4,7 +4,7 @@ export { A as Avatar, a as AvatarProps } from './Avatar-DjZ3H25h.js';
 export { A as AvatarGroup, a as AvatarGroupProps } from './AvatarGroup-B1Tdw57Q.js';
 export { A as Badge, B as BadgeProps } from './Badge-L8r9mgSs.js';
 export { B as Breadcrumb, c as BreadcrumbItemProps, a as BreadcrumbProps, b as breadcrumbVariants } from './Breadcrumb-Cvt5Xa5D.js';
-export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-BOaEQrs9.js';
+export { B as Button, a as ButtonProps, b as buttonVariants } from './Button-nJ22qVMK.js';
 export { B as ButtonGroup } from './ButtonGroup-CUxpALRo.js';
 export { C as Card, a as CardProps, c as cardVariants } from './Card-OBRZ-ssX.js';
 export { D as Drawer, f as DrawerProps, d as drawerBackdrops, a as drawerPlacements, b as drawerRadii, c as drawerSizes, e as drawerVariants } from './Drawer-JpihbwKl.js';

package/dist/index.js

@@ -1,16 +1,16 @@
 import {
   Progress_default,
   progressVariants
-} from "./chunk-PENUA26F.js";
+} from "./chunk-FA476DJO.js";
 import {
   ProgressCircular_default,
   progressCircularVariants
-} from "./chunk-JZNGNJI5.js";
+} from "./chunk-P65SZZSE.js";
 import {
   useDebounce,
   useIsInitialRenderCycle,
   useLocalStorage
-} from "./chunk-GGXNWO3B.js";
+} from "./chunk-ULHU2VZO.js";
 import {
   Table_default,
   tableVariants
@@ -45,7 +45,7 @@ import {
 } from "./chunk-IGRNC5NX.js";
 import {
   Json_default
-} from "./chunk-IZM2I62C.js";
+} from "./chunk-65LUKHJB.js";
 import {
   Label_default,
   labelVariants
@@ -78,14 +78,14 @@ import {
 import {
   Badge_default
 } from "./chunk-UEQG424R.js";
+import {
+  Button_default,
+  buttonVariants
+} from "./chunk-2NMIKTA5.js";
 import {
   Breadcrumb_default,
   breadcrumbVariants
 } from "./chunk-TJTBJ2NT.js";
-import {
-  Button_default,
-  buttonVariants
-} from "./chunk-FPR33UFC.js";
 import "./chunk-OAIRL2FN.js";
 export {
   Accordion_default as Accordion,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Fröhlich ∧ Frei",
-  "version": "1.4.0",
+  "version": "1.5.1",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -204,5 +204,5 @@
     "react": "19.1.1",
     "react-dom": "19.1.1"
   },
-  "gitHead": "d0d9a5ec08e389860a9572f1bef11e95f0f6ed67"
+  "gitHead": "9a76a81968e0e20a8599840fe83d1553fe4f96c0"
 }

package/dist/chunk-FPR33UFC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"sourcesContent":["import type { TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps as HeroButtonProps } from '@heroui/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as HeroButton } from '@heroui/button';\nimport { button as heroButtonVariants } from '@heroui/theme';\n\nimport { tv } from '@fuf-stack/pixel-utils';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n  extend: heroButtonVariants,\n  variants: {\n    color: {\n      ...heroButtonVariants.variants.color,\n      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/button.ts\n      info: '',\n    },\n    variant: heroButtonVariants.variants.variant,\n    size: heroButtonVariants.variants.size,\n  },\n  compoundVariants: [\n    // white text on solid / shadow success button\n    {\n      color: 'success',\n      variant: 'solid',\n      class: 'text-white',\n    },\n    {\n      color: 'success',\n      variant: 'shadow',\n      class: 'text-white',\n    },\n    // white text on solid / shadow warning button\n    {\n      color: 'warning',\n      variant: 'solid',\n      class: 'text-white',\n    },\n    {\n      color: 'warning',\n      variant: 'shadow',\n      class: 'text-white',\n    },\n    {\n      color: 'info',\n      variant: 'solid',\n      class: 'bg-info text-info-foreground',\n    },\n    {\n      color: 'info',\n      variant: 'shadow',\n      class: 'shadow-info/40 bg-info text-info-foreground shadow-lg',\n    },\n    {\n      color: 'info',\n      variant: 'bordered',\n      class: 'border-medium border-info bg-transparent text-info',\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      class: 'bg-info/20 text-info-600',\n    },\n    {\n      color: 'info',\n      variant: 'faded',\n      class: 'border-default bg-default-100 text-info',\n    },\n    {\n      color: 'info',\n      variant: 'light',\n      class: 'bg-transparent text-info data-[hover=true]:bg-info-100',\n    },\n    {\n      color: 'info',\n      variant: 'ghost',\n      class:\n        'border-info text-info data-[hover=true]:!bg-info data-[hover=true]:!text-info-foreground',\n    },\n  ],\n});\n\ntype VariantProps = TVProps<typeof buttonVariants>;\n\nexport interface ButtonProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** content of the button */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** color of the button */\n  color?: VariantProps['color'];\n  /** disables the button */\n  disabled?: boolean;\n  /** disables all animations */\n  disableAnimation?: boolean;\n  /** shows loading animation */\n  loading?: boolean;\n  /** optional icon */\n  icon?: ReactNode;\n  /** click event handler */\n  onClick?: HeroButtonProps['onPress'];\n  /** border radius size */\n  radius?: VariantProps['radius'];\n  /** enable ripple animation effect on click */\n  ripple?: boolean;\n  /** size options */\n  size?: VariantProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** HTML button type attribute */\n  type?: 'button' | 'submit' | 'reset' | undefined;\n  /** visual style variant */\n  variant?: VariantProps['variant'];\n}\n\n/**\n * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)\n */\nconst Button = ({\n  ariaLabel = undefined,\n  children = undefined,\n  className: _className = undefined,\n  color = 'default',\n  disableAnimation = false,\n  disabled = false,\n  icon = undefined,\n  loading = false,\n  onClick = undefined,\n  radius = undefined,\n  ripple = false,\n  size = undefined,\n  testId = undefined,\n  type = undefined,\n  variant = 'solid',\n}: ButtonProps) => {\n  const className = buttonVariants({\n    className: _className,\n    disableAnimation,\n    isDisabled: disabled,\n    color,\n    size,\n    variant,\n    isIconOnly: !!(icon && !children),\n    radius,\n  });\n\n  return (\n    <HeroButton\n      aria-label={ariaLabel}\n      className={className}\n      data-testid={testId}\n      disableRipple={disableAnimation || !ripple}\n      isDisabled={disabled}\n      isLoading={loading}\n      onPress={onClick}\n      spinner={<LoadingSpinner />}\n      type={type}\n    >\n      {icon}\n      {children}\n    </HeroButton>\n  );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://www.heroui.com//docs/components/button#loading\n * */\nconst LoadingSpinner = () => {\n  return (\n    <svg\n      className=\"h-5 w-5 animate-spin text-current\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      />\n      <path\n        className=\"opacity-75\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport default LoadingSpinner;\n","import Button, { buttonVariants } from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, buttonVariants };\n\nexport default Button;\n"],"mappings":"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","names":["jsx","jsxs","Button_default"]}

package/dist/chunk-GGXNWO3B.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/useDebounce.ts","../src/hooks/useIsInitialRenderCycle.ts","../src/hooks/useLocalStorage.ts"],"sourcesContent":["/* eslint-disable import-x/prefer-default-export */\n\nimport { useEffect, useState } from 'react';\n\nexport const useDebounce = <Value>(value: Value, delay: number) => {\n  // State and setters for debounced value\n  const [debouncedValue, setDebouncedValue] = useState(value);\n  useEffect(\n    () => {\n      // Update debounced value after delay\n      const handler = setTimeout(() => {\n        setDebouncedValue(value);\n      }, delay);\n      // Cancel the timeout if value changes (also on delay change or unmount)\n      // This is how we prevent debounced value from updating if value is changed ...\n      // .. within the delay period. Timeout gets cleared and restarted.\n      return () => {\n        clearTimeout(handler);\n      };\n    },\n    [value, delay], // Only re-call effect if value or delay changes\n  );\n  return debouncedValue;\n};\n","/* eslint-disable import-x/prefer-default-export */\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * A hook that returns true on initial render and false afterward.\n *\n * @returns {boolean} - True on initial render, false afterward\n */\nexport const useIsInitialRenderCycle = (): boolean => {\n  // Use ref to avoid re-renders\n  const isInitialRender = useRef(true);\n\n  // Update ref after first render\n  useEffect(() => {\n    // Set to false after component mounts\n    isInitialRender.current = false;\n\n    // No cleanup needed for this effect\n  }, []);\n\n  return isInitialRender.current;\n};\n","/* eslint-disable import-x/prefer-default-export */\n\nimport type { Dispatch, SetStateAction } from 'react';\n\nimport { useEffect, useState } from 'react';\n\nexport const useLocalStorage = <T>(\n  key: string,\n  initialValue: T | (() => T),\n): [T, Dispatch<SetStateAction<T>>] => {\n  // Get from local storage then\n  // parse stored json or return initialValue\n  const readValue = () => {\n    // Prevent build error \"window is undefined\" but keep keep working\n    if (typeof window === 'undefined') {\n      return initialValue;\n    }\n\n    try {\n      const item = window.localStorage.getItem(key);\n      return item ? JSON.parse(item) : initialValue;\n    } catch (error) {\n      console.warn(`Error reading localStorage key “${key}”:`, error);\n      return initialValue;\n    }\n  };\n\n  // State to store our value\n  // Pass initial state function to useState so logic is only executed once\n  const [storedValue, setStoredValue] = useState<T>(readValue);\n\n  // Return a wrapped version of useState's setter function that ...\n  // ... persists the new value to localStorage.\n  const setValue: Dispatch<SetStateAction<T>> = (value) => {\n    // Prevent build error \"window is undefined\" but keeps working\n    if (typeof window === 'undefined') {\n      console.warn(\n        `Tried setting localStorage key “${key}” even though environment is not a client`,\n      );\n    }\n\n    try {\n      // Allow value to be a function so we have the same API as useState\n      const newValue = value instanceof Function ? value(storedValue) : value;\n\n      // Save to local storage\n      window.localStorage.setItem(key, JSON.stringify(newValue));\n\n      // Save state\n      setStoredValue(newValue);\n\n      // We dispatch a custom event so every useLocalStorage hook are notified\n      window.dispatchEvent(new Event('local-storage'));\n    } catch (error) {\n      console.warn(`Error setting localStorage key “${key}”:`, error);\n    }\n  };\n\n  useEffect(() => {\n    setStoredValue(readValue());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const handleStorageChange = () => {\n      setStoredValue(readValue());\n    };\n\n    // this only works for other documents, not the current one\n    window.addEventListener('storage', handleStorageChange);\n\n    // this is a custom event, triggered in writeValueToLocalStorage\n    window.addEventListener('local-storage', handleStorageChange);\n\n    return () => {\n      window.removeEventListener('storage', handleStorageChange);\n      window.removeEventListener('local-storage', handleStorageChange);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return [storedValue, setValue];\n};\n"],"mappings":";AAEA,SAAS,WAAW,gBAAgB;AAE7B,IAAM,cAAc,CAAQ,OAAc,UAAkB;AAEjE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D;AAAA,IACE,MAAM;AAEJ,YAAM,UAAU,WAAW,MAAM;AAC/B,0BAAkB,KAAK;AAAA,MACzB,GAAG,KAAK;AAIR,aAAO,MAAM;AACX,qBAAa,OAAO;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,OAAO,KAAK;AAAA;AAAA,EACf;AACA,SAAO;AACT;;;ACrBA,SAAS,aAAAA,YAAW,cAAc;AAO3B,IAAM,0BAA0B,MAAe;AAEpD,QAAM,kBAAkB,OAAO,IAAI;AAGnC,EAAAA,WAAU,MAAM;AAEd,oBAAgB,UAAU;AAAA,EAG5B,GAAG,CAAC,CAAC;AAEL,SAAO,gBAAgB;AACzB;;;AClBA,SAAS,aAAAC,YAAW,YAAAC,iBAAgB;AAE7B,IAAM,kBAAkB,CAC7B,KACA,iBACqC;AAGrC,QAAM,YAAY,MAAM;AAEtB,QAAI,OAAO,WAAW,aAAa;AACjC,aAAO;AAAA,IACT;AAEA,QAAI;AACF,YAAM,OAAO,OAAO,aAAa,QAAQ,GAAG;AAC5C,aAAO,OAAO,KAAK,MAAM,IAAI,IAAI;AAAA,IACnC,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAC9D,aAAO;AAAA,IACT;AAAA,EACF;AAIA,QAAM,CAAC,aAAa,cAAc,IAAIA,UAAY,SAAS;AAI3D,QAAM,WAAwC,CAAC,UAAU;AAEvD,QAAI,OAAO,WAAW,aAAa;AACjC,cAAQ;AAAA,QACN,wCAAmC,GAAG;AAAA,MACxC;AAAA,IACF;AAEA,QAAI;AAEF,YAAM,WAAW,iBAAiB,WAAW,MAAM,WAAW,IAAI;AAGlE,aAAO,aAAa,QAAQ,KAAK,KAAK,UAAU,QAAQ,CAAC;AAGzD,qBAAe,QAAQ;AAGvB,aAAO,cAAc,IAAI,MAAM,eAAe,CAAC;AAAA,IACjD,SAAS,OAAO;AACd,cAAQ,KAAK,wCAAmC,GAAG,WAAM,KAAK;AAAA,IAChE;AAAA,EACF;AAEA,EAAAD,WAAU,MAAM;AACd,mBAAe,UAAU,CAAC;AAAA,EAE5B,GAAG,CAAC,CAAC;AAEL,EAAAA,WAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,qBAAe,UAAU,CAAC;AAAA,IAC5B;AAGA,WAAO,iBAAiB,WAAW,mBAAmB;AAGtD,WAAO,iBAAiB,iBAAiB,mBAAmB;AAE5D,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,mBAAmB;AACzD,aAAO,oBAAoB,iBAAiB,mBAAmB;AAAA,IACjE;AAAA,EAEF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,aAAa,QAAQ;AAC/B;","names":["useEffect","useEffect","useState"]}

package/dist/chunk-SCVJ4C6F.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-SCVJ4C6F.cjs","../src/hooks/useDebounce.ts","../src/hooks/useIsInitialRenderCycle.ts","../src/hooks/useLocalStorage.ts"],"names":["useEffect","useState"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-SCVJ4C6F.cjs","sourcesContent":[null,"/* eslint-disable import-x/prefer-default-export */\n\nimport { useEffect, useState } from 'react';\n\nexport const useDebounce = <Value>(value: Value, delay: number) => {\n  // State and setters for debounced value\n  const [debouncedValue, setDebouncedValue] = useState(value);\n  useEffect(\n    () => {\n      // Update debounced value after delay\n      const handler = setTimeout(() => {\n        setDebouncedValue(value);\n      }, delay);\n      // Cancel the timeout if value changes (also on delay change or unmount)\n      // This is how we prevent debounced value from updating if value is changed ...\n      // .. within the delay period. Timeout gets cleared and restarted.\n      return () => {\n        clearTimeout(handler);\n      };\n    },\n    [value, delay], // Only re-call effect if value or delay changes\n  );\n  return debouncedValue;\n};\n","/* eslint-disable import-x/prefer-default-export */\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * A hook that returns true on initial render and false afterward.\n *\n * @returns {boolean} - True on initial render, false afterward\n */\nexport const useIsInitialRenderCycle = (): boolean => {\n  // Use ref to avoid re-renders\n  const isInitialRender = useRef(true);\n\n  // Update ref after first render\n  useEffect(() => {\n    // Set to false after component mounts\n    isInitialRender.current = false;\n\n    // No cleanup needed for this effect\n  }, []);\n\n  return isInitialRender.current;\n};\n","/* eslint-disable import-x/prefer-default-export */\n\nimport type { Dispatch, SetStateAction } from 'react';\n\nimport { useEffect, useState } from 'react';\n\nexport const useLocalStorage = <T>(\n  key: string,\n  initialValue: T | (() => T),\n): [T, Dispatch<SetStateAction<T>>] => {\n  // Get from local storage then\n  // parse stored json or return initialValue\n  const readValue = () => {\n    // Prevent build error \"window is undefined\" but keep keep working\n    if (typeof window === 'undefined') {\n      return initialValue;\n    }\n\n    try {\n      const item = window.localStorage.getItem(key);\n      return item ? JSON.parse(item) : initialValue;\n    } catch (error) {\n      console.warn(`Error reading localStorage key “${key}”:`, error);\n      return initialValue;\n    }\n  };\n\n  // State to store our value\n  // Pass initial state function to useState so logic is only executed once\n  const [storedValue, setStoredValue] = useState<T>(readValue);\n\n  // Return a wrapped version of useState's setter function that ...\n  // ... persists the new value to localStorage.\n  const setValue: Dispatch<SetStateAction<T>> = (value) => {\n    // Prevent build error \"window is undefined\" but keeps working\n    if (typeof window === 'undefined') {\n      console.warn(\n        `Tried setting localStorage key “${key}” even though environment is not a client`,\n      );\n    }\n\n    try {\n      // Allow value to be a function so we have the same API as useState\n      const newValue = value instanceof Function ? value(storedValue) : value;\n\n      // Save to local storage\n      window.localStorage.setItem(key, JSON.stringify(newValue));\n\n      // Save state\n      setStoredValue(newValue);\n\n      // We dispatch a custom event so every useLocalStorage hook are notified\n      window.dispatchEvent(new Event('local-storage'));\n    } catch (error) {\n      console.warn(`Error setting localStorage key “${key}”:`, error);\n    }\n  };\n\n  useEffect(() => {\n    setStoredValue(readValue());\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const handleStorageChange = () => {\n      setStoredValue(readValue());\n    };\n\n    // this only works for other documents, not the current one\n    window.addEventListener('storage', handleStorageChange);\n\n    // this is a custom event, triggered in writeValueToLocalStorage\n    window.addEventListener('local-storage', handleStorageChange);\n\n    return () => {\n      window.removeEventListener('storage', handleStorageChange);\n      window.removeEventListener('local-storage', handleStorageChange);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return [storedValue, setValue];\n};\n"]}

package/dist/chunk-ZFHOZRR2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-ZFHOZRR2.cjs","../src/Button/Button.tsx","../src/Button/subcomponents/LoadingSpinner.tsx","../src/Button/index.ts"],"names":["jsxs","jsx","Button_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-ZFHOZRR2.cjs","sourcesContent":[null,"import type { TVProps } from '@fuf-stack/pixel-utils';\nimport type { ButtonProps as HeroButtonProps } from '@heroui/button';\nimport type { ReactNode } from 'react';\n\nimport { Button as HeroButton } from '@heroui/button';\nimport { button as heroButtonVariants } from '@heroui/theme';\n\nimport { tv } from '@fuf-stack/pixel-utils';\n\nimport LoadingSpinner from './subcomponents/LoadingSpinner';\n\nexport const buttonVariants = tv({\n  extend: heroButtonVariants,\n  variants: {\n    color: {\n      ...heroButtonVariants.variants.color,\n      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/button.ts\n      info: '',\n    },\n    variant: heroButtonVariants.variants.variant,\n    size: heroButtonVariants.variants.size,\n  },\n  compoundVariants: [\n    // white text on solid / shadow success button\n    {\n      color: 'success',\n      variant: 'solid',\n      class: 'text-white',\n    },\n    {\n      color: 'success',\n      variant: 'shadow',\n      class: 'text-white',\n    },\n    // white text on solid / shadow warning button\n    {\n      color: 'warning',\n      variant: 'solid',\n      class: 'text-white',\n    },\n    {\n      color: 'warning',\n      variant: 'shadow',\n      class: 'text-white',\n    },\n    {\n      color: 'info',\n      variant: 'solid',\n      class: 'bg-info text-info-foreground',\n    },\n    {\n      color: 'info',\n      variant: 'shadow',\n      class: 'shadow-info/40 bg-info text-info-foreground shadow-lg',\n    },\n    {\n      color: 'info',\n      variant: 'bordered',\n      class: 'border-medium border-info bg-transparent text-info',\n    },\n    {\n      color: 'info',\n      variant: 'flat',\n      class: 'bg-info/20 text-info-600',\n    },\n    {\n      color: 'info',\n      variant: 'faded',\n      class: 'border-default bg-default-100 text-info',\n    },\n    {\n      color: 'info',\n      variant: 'light',\n      class: 'bg-transparent text-info data-[hover=true]:bg-info-100',\n    },\n    {\n      color: 'info',\n      variant: 'ghost',\n      class:\n        'border-info text-info data-[hover=true]:!bg-info data-[hover=true]:!text-info-foreground',\n    },\n  ],\n});\n\ntype VariantProps = TVProps<typeof buttonVariants>;\n\nexport interface ButtonProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** content of the button */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** color of the button */\n  color?: VariantProps['color'];\n  /** disables the button */\n  disabled?: boolean;\n  /** disables all animations */\n  disableAnimation?: boolean;\n  /** shows loading animation */\n  loading?: boolean;\n  /** optional icon */\n  icon?: ReactNode;\n  /** click event handler */\n  onClick?: HeroButtonProps['onPress'];\n  /** border radius size */\n  radius?: VariantProps['radius'];\n  /** enable ripple animation effect on click */\n  ripple?: boolean;\n  /** size options */\n  size?: VariantProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** HTML button type attribute */\n  type?: 'button' | 'submit' | 'reset' | undefined;\n  /** visual style variant */\n  variant?: VariantProps['variant'];\n}\n\n/**\n * Button component based on [HeroUI Button](https://www.heroui.com//docs/components/button)\n */\nconst Button = ({\n  ariaLabel = undefined,\n  children = undefined,\n  className: _className = undefined,\n  color = 'default',\n  disableAnimation = false,\n  disabled = false,\n  icon = undefined,\n  loading = false,\n  onClick = undefined,\n  radius = undefined,\n  ripple = false,\n  size = undefined,\n  testId = undefined,\n  type = undefined,\n  variant = 'solid',\n}: ButtonProps) => {\n  const className = buttonVariants({\n    className: _className,\n    disableAnimation,\n    isDisabled: disabled,\n    color,\n    size,\n    variant,\n    isIconOnly: !!(icon && !children),\n    radius,\n  });\n\n  return (\n    <HeroButton\n      aria-label={ariaLabel}\n      className={className}\n      data-testid={testId}\n      disableRipple={disableAnimation || !ripple}\n      isDisabled={disabled}\n      isLoading={loading}\n      onPress={onClick}\n      spinner={<LoadingSpinner />}\n      type={type}\n    >\n      {icon}\n      {children}\n    </HeroButton>\n  );\n};\n\nexport default Button;\n","/**\n * svg loading spinner for button\n * @see https://www.heroui.com//docs/components/button#loading\n * */\nconst LoadingSpinner = () => {\n  return (\n    <svg\n      className=\"h-5 w-5 animate-spin text-current\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      />\n      <path\n        className=\"opacity-75\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport default LoadingSpinner;\n","import Button, { buttonVariants } from './Button';\n\nexport type { ButtonProps } from './Button';\n\nexport { Button, buttonVariants };\n\nexport default Button;\n"]}