@fuf-stack/pixels 0.40.0 → 0.41.1

package/dist/chunk-M3PL6G7W.js

@@ -1,98 +0,0 @@
-// src/CircularProgress/CircularProgress.tsx
-import { FaCheck, FaTimes } from "react-icons/fa";
-import { CircularProgress as NextCircularProgress } from "@heroui/progress";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx } from "react/jsx-runtime";
-var circularProgressVariants = tv({
-  slots: {
-    base: "",
-    // wrapper around the whole component
-    svgWrapper: "",
-    // wrapper around progress svg and value span
-    svg: "",
-    // wrapper for the circle
-    track: "stroke-default-50",
-    // track of the circle (not finished part)
-    indicator: "",
-    // indicator of the circle (finished part)
-    value: "",
-    // outer span next to the svg
-    label: ""
-    // label next to the svgWrapper
-  },
-  variants: {
-    size: {
-      xs: {
-        value: "text-xs",
-        svg: "h-10 w-10"
-      },
-      sm: {
-        value: "text-sm",
-        svg: "h-12 w-12"
-      },
-      md: {
-        svg: "h-14 w-14",
-        value: "text-md"
-      },
-      lg: {
-        svg: "h-16 w-16",
-        value: "text-lg"
-      }
-    }
-  }
-});
-var circularProgressStyleVariantOptions = [
-  "default",
-  "warning",
-  "danger",
-  "success",
-  "primary"
-];
-var defaultFormat = (percent) => `${percent}%`;
-var CircularProgress = ({
-  className = void 0,
-  format = defaultFormat,
-  hasError = false,
-  styleVariant = "primary",
-  size = "sm",
-  percent
-}) => {
-  const variants = circularProgressVariants({ size });
-  const classNames = variantsToClassNames(variants, className, "base");
-  let color = styleVariant;
-  let value = format(percent);
-  if (hasError) {
-    color = "danger";
-    value = /* @__PURE__ */ jsx(FaTimes, { className: "text-danger" });
-  } else if (percent >= 100) {
-    color = "success";
-    value = /* @__PURE__ */ jsx(FaCheck, { className: "text-success" });
-  }
-  return /* @__PURE__ */ jsx(
-    NextCircularProgress,
-    {
-      classNames,
-      "aria-label": "Loading...",
-      formatOptions: void 0,
-      size: "sm",
-      value: percent || 0,
-      valueLabel: percent && value,
-      color,
-      showValueLabel: true,
-      strokeWidth: 2,
-      disableAnimation: true
-    }
-  );
-};
-var CircularProgress_default = CircularProgress;
-
-// src/CircularProgress/index.ts
-var CircularProgress_default2 = CircularProgress_default;
-
-export {
-  circularProgressVariants,
-  circularProgressStyleVariantOptions,
-  CircularProgress_default,
-  CircularProgress_default2
-};
-//# sourceMappingURL=chunk-M3PL6G7W.js.map

package/dist/chunk-M3PL6G7W.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/CircularProgress/CircularProgress.tsx","../src/CircularProgress/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { FaCheck, FaTimes } from 'react-icons/fa';\n\nimport { CircularProgress as NextCircularProgress } from '@heroui/progress';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const circularProgressVariants = tv({\n  slots: {\n    base: '', // wrapper around the whole component\n    svgWrapper: '', // wrapper around progress svg and value span\n    svg: '', // wrapper for the circle\n    track: 'stroke-default-50', // track of the circle (not finished part)\n    indicator: '', // indicator of the circle (finished part)\n    value: '', // outer span next to the svg\n    label: '', // label next to the svgWrapper\n  },\n  variants: {\n    size: {\n      xs: {\n        value: 'text-xs',\n        svg: 'h-10 w-10',\n      },\n      sm: {\n        value: 'text-sm',\n        svg: 'h-12 w-12',\n      },\n      md: {\n        svg: 'h-14 w-14',\n        value: 'text-md',\n      },\n      lg: {\n        svg: 'h-16 w-16',\n        value: 'text-lg',\n      },\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof circularProgressVariants>;\ntype ClassName = TVClassName<typeof circularProgressVariants>;\n\nexport const circularProgressStyleVariantOptions = [\n  'default',\n  'warning',\n  'danger',\n  'success',\n  'primary',\n] as const;\nexport type CircularProgressStyleVariant =\n  (typeof circularProgressStyleVariantOptions)[number];\n\nexport interface CircularProgressProps extends VariantProps {\n  className?: ClassName;\n  format?: (percent?: number) => ReactNode;\n  hasError?: boolean;\n  size?: VariantProps['size'];\n  styleVariant?: CircularProgressStyleVariant;\n  percent: number;\n}\n\nconst defaultFormat = (percent?: number) => `${percent}%`;\n\n/**\n * CircularProgress component based on [HeroUI CircularProgress](https://www.heroui.com/docs/components/circular-progress)\n */\nconst CircularProgress = ({\n  className = undefined,\n  format = defaultFormat,\n  hasError = false,\n  styleVariant = 'primary',\n  size = 'sm',\n  percent,\n}: CircularProgressProps) => {\n  const variants = circularProgressVariants({ size });\n  const classNames = variantsToClassNames(variants, className, 'base');\n  let color = styleVariant;\n  let value = format(percent);\n\n  if (hasError) {\n    color = 'danger';\n    value = <FaTimes className=\"text-danger\" />;\n  } else if (percent >= 100) {\n    color = 'success';\n    value = <FaCheck className=\"text-success\" />;\n  }\n\n  return (\n    <NextCircularProgress\n      classNames={classNames}\n      aria-label=\"Loading...\"\n      formatOptions={undefined}\n      size=\"sm\"\n      value={percent || 0}\n      valueLabel={percent && value}\n      color={color}\n      showValueLabel\n      strokeWidth={2}\n      disableAnimation\n    />\n  );\n};\n\nexport default CircularProgress;\n","import CircularProgress, {\n  circularProgressStyleVariantOptions,\n  circularProgressVariants,\n} from './CircularProgress';\n\nexport type {\n  CircularProgressProps,\n  VariantProps as CircularProgressVariantProps,\n  CircularProgressStyleVariant,\n} from './CircularProgress';\n\nexport {\n  CircularProgress,\n  circularProgressVariants,\n  circularProgressStyleVariantOptions,\n};\nexport default CircularProgress;\n"],"mappings":";AAGA,SAAS,SAAS,eAAe;AAEjC,SAAS,oBAAoB,4BAA4B;AAEzD,SAAS,IAAI,4BAA4B;AA4E7B;AA1EL,IAAM,2BAA2B,GAAG;AAAA,EACzC,OAAO;AAAA,IACL,MAAM;AAAA;AAAA,IACN,YAAY;AAAA;AAAA,IACZ,KAAK;AAAA;AAAA,IACL,OAAO;AAAA;AAAA,IACP,WAAW;AAAA;AAAA,IACX,OAAO;AAAA;AAAA,IACP,OAAO;AAAA;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,QACP,KAAK;AAAA,MACP;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,KAAK;AAAA,MACP;AAAA,MACA,IAAI;AAAA,QACF,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAKM,IAAM,sCAAsC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAaA,IAAM,gBAAgB,CAAC,YAAqB,GAAG,OAAO;AAKtD,IAAM,mBAAmB,CAAC;AAAA,EACxB,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,eAAe;AAAA,EACf,OAAO;AAAA,EACP;AACF,MAA6B;AAC3B,QAAM,WAAW,yBAAyB,EAAE,KAAK,CAAC;AAClD,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AACnE,MAAI,QAAQ;AACZ,MAAI,QAAQ,OAAO,OAAO;AAE1B,MAAI,UAAU;AACZ,YAAQ;AACR,YAAQ,oBAAC,WAAQ,WAAU,eAAc;AAAA,EAC3C,WAAW,WAAW,KAAK;AACzB,YAAQ;AACR,YAAQ,oBAAC,WAAQ,WAAU,gBAAe;AAAA,EAC5C;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAW;AAAA,MACX,eAAe;AAAA,MACf,MAAK;AAAA,MACL,OAAO,WAAW;AAAA,MAClB,YAAY,WAAW;AAAA,MACvB;AAAA,MACA,gBAAc;AAAA,MACd,aAAa;AAAA,MACb,kBAAgB;AAAA;AAAA,EAClB;AAEJ;AAEA,IAAO,2BAAQ;;;ACzFf,IAAOA,4BAAQ;","names":["CircularProgress_default"]}

package/dist/{Avatar-B8lVnLpp.d.cts → Avatar-ylNJ_-dY.d.cts}

@@ -8,9 +8,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -18,9 +18,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -34,9 +34,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -44,9 +44,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -66,9 +66,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };

package/dist/{Avatar-B8lVnLpp.d.ts → Avatar-ylNJ_-dY.d.ts}

@@ -8,9 +8,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -18,9 +18,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -34,9 +34,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -44,9 +44,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };
@@ -66,9 +66,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            icon?: tailwind_variants.ClassValue;
             img?: tailwind_variants.ClassValue;
             name?: tailwind_variants.ClassValue;
+            icon?: tailwind_variants.ClassValue;
             fallback?: tailwind_variants.ClassValue;
         };
     };

package/dist/{Drawer-DmwcvuKe.d.cts → Drawer-BnV9qxPA.d.cts}

@@ -9,11 +9,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -21,11 +21,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -41,11 +41,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -53,11 +53,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -81,11 +81,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };

package/dist/{Drawer-DmwcvuKe.d.ts → Drawer-BnV9qxPA.d.ts}

@@ -9,11 +9,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -21,11 +21,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [x: string]: {
         [x: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -41,11 +41,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -53,11 +53,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };
@@ -81,11 +81,11 @@ declare const drawerVariants: tailwind_variants.TVReturnType<{
     [key: string]: {
         [key: string]: tailwind_variants.ClassValue | {
             base?: tailwind_variants.ClassValue;
-            closeButton?: tailwind_variants.ClassValue;
             wrapper?: tailwind_variants.ClassValue;
             body?: tailwind_variants.ClassValue;
             footer?: tailwind_variants.ClassValue;
             header?: tailwind_variants.ClassValue;
+            closeButton?: tailwind_variants.ClassValue;
             backdrop?: tailwind_variants.ClassValue;
         };
     };