@fuf-stack/pixels 1.9.0 → 1.10.0

package/dist/chunk-3SXXVV5T.js

@@ -1,124 +0,0 @@
-// src/Table/Table.tsx
-import {
-  getKeyValue,
-  Table as HeroTable,
-  TableBody,
-  TableCell,
-  TableColumn,
-  TableHeader,
-  TableRow
-} from "@heroui/table";
-import { slugify, tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-var tableVariants = tv({
-  slots: {
-    base: "",
-    wrapper: "",
-    table: "",
-    thead: "",
-    tbody: "",
-    tr: "",
-    th: "bg-content2",
-    td: "",
-    tfoot: "",
-    sortIcon: "",
-    emptyWrapper: "",
-    loadingWrapper: ""
-  },
-  variants: {
-    separation: {
-      divider: {
-        tr: 'divide-x rounded-lg border-b data-[last=true]:border-none [&:first-child:not([data-first="true"])]:border-none'
-      },
-      "divider-x": {
-        tr: "divide-x"
-      },
-      "divider-y": {
-        tr: 'rounded-lg border-b data-[last=true]:border-none [&:first-child:not([data-first="true"])]:border-none'
-      },
-      "striped-divider-x": {
-        tr: "divide-x",
-        th: "border-divider",
-        td: "border-divider first:rounded-s-lg last:rounded-e-lg group-data-[odd=true]:bg-content2"
-      },
-      striped: {
-        tr: "",
-        td: "first:rounded-s-lg last:rounded-e-lg group-data-[odd=true]:bg-content2"
-      },
-      none: {}
-    }
-  }
-});
-var Table = ({
-  ariaLabel = void 0,
-  bottomContent = void 0,
-  className = void 0,
-  columns,
-  emptyContent = "No rows to display.",
-  hasWrapper = false,
-  hideHeader = false,
-  loading = false,
-  loadingContent = void 0,
-  maxTableHeight = void 0,
-  rowHeight = void 0,
-  rows = [],
-  separation = "none",
-  stickyHeader = false,
-  testId = void 0,
-  virtualized = false
-}) => {
-  const variants = tableVariants({ separation });
-  const classNames = variantsToClassNames(variants, className, "base");
-  return /* @__PURE__ */ jsxs(
-    HeroTable,
-    {
-      "aria-label": ariaLabel,
-      bottomContent,
-      classNames,
-      "data-testid": testId ? slugify(testId) : null,
-      hideHeader,
-      isHeaderSticky: stickyHeader,
-      isStriped: separation === "striped" || separation === "striped-divider-x",
-      isVirtualized: virtualized,
-      maxTableHeight,
-      removeWrapper: virtualized ? false : !hasWrapper,
-      rowHeight,
-      children: [
-        /* @__PURE__ */ jsx(TableHeader, { columns, children: (column) => {
-          return /* @__PURE__ */ jsx(TableColumn, { children: column.label }, column.key);
-        } }),
-        /* @__PURE__ */ jsx(
-          TableBody,
-          {
-            emptyContent,
-            isLoading: loading,
-            items: rows,
-            loadingContent: loadingContent != null ? loadingContent : "...",
-            children: (item) => {
-              return /* @__PURE__ */ jsx(
-                TableRow,
-                {
-                  children: (columnKey) => {
-                    return /* @__PURE__ */ jsx(TableCell, { children: getKeyValue(item, columnKey) });
-                  }
-                },
-                item.key
-              );
-            }
-          }
-        )
-      ]
-    }
-  );
-};
-var Table_default = Table;
-
-// src/Table/index.ts
-var Table_default2 = Table_default;
-
-export {
-  tableVariants,
-  Table_default,
-  Table_default2
-};
-//# sourceMappingURL=chunk-3SXXVV5T.js.map

package/dist/chunk-3SXXVV5T.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Table/Table.tsx","../src/Table/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  getKeyValue,\n  Table as HeroTable,\n  TableBody,\n  TableCell,\n  TableColumn,\n  TableHeader,\n  TableRow,\n} from '@heroui/table';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// table styling variants\nexport const tableVariants = tv({\n  slots: {\n    base: '',\n    wrapper: '',\n    table: '',\n    thead: '',\n    tbody: '',\n    tr: '',\n    th: 'bg-content2',\n    td: '',\n    tfoot: '',\n    sortIcon: '',\n    emptyWrapper: '',\n    loadingWrapper: '',\n  },\n  variants: {\n    separation: {\n      divider: {\n        tr: 'divide-x rounded-lg border-b data-[last=true]:border-none [&:first-child:not([data-first=\"true\"])]:border-none',\n      },\n      'divider-x': {\n        tr: 'divide-x',\n      },\n      'divider-y': {\n        tr: 'rounded-lg border-b data-[last=true]:border-none [&:first-child:not([data-first=\"true\"])]:border-none',\n      },\n      'striped-divider-x': {\n        tr: 'divide-x',\n        th: 'border-divider',\n        td: 'border-divider first:rounded-s-lg last:rounded-e-lg group-data-[odd=true]:bg-content2',\n      },\n      striped: {\n        tr: '',\n        td: 'first:rounded-s-lg last:rounded-e-lg group-data-[odd=true]:bg-content2',\n      },\n      none: {},\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof tableVariants>;\ntype ClassName = TVClassName<typeof tableVariants>;\n\nexport interface TableColumnProps {\n  key: string;\n  label: ReactNode;\n}\n\nexport interface TableRowProps {\n  key: string | number;\n  [key: string | number]: ReactNode;\n}\n\nexport interface TableProps extends VariantProps {\n  /** Aria label for the Table. */\n  ariaLabel?: string;\n  /** Component to display at the bottom of the Table. */\n  bottomContent?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Objects with table data */\n  columns: TableColumnProps[];\n  /** Component to display if there are no rows! */\n  emptyContent?: ReactNode;\n  /** Determine if the Table should have a card like wrapper. */\n  hasWrapper?: boolean;\n  /** remove header */\n  hideHeader?: boolean;\n  /** Tells the Table to show the loading component. */\n  loading?: boolean;\n  /** Loading animation component. */\n  loadingContent?: ReactNode;\n  /** The maximum height of the table in pixels. Required when using virtualization. */\n  maxTableHeight?: number;\n  /** The fixed height of each row item in pixels. Required when using virtualization. */\n  rowHeight?: number;\n  /** Items displayed as rows in the Table. Should have key-value pair for each column. */\n  rows?: TableRowProps[];\n  /** Separation style for the rows & columns. */\n  separation?:\n    | 'none'\n    | 'striped'\n    | 'striped-divider-x'\n    | 'divider-x'\n    | 'divider-y'\n    | 'divider';\n  /** Keeps the header of the Table in view while scrolling a height limited Table. */\n  stickyHeader?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Virtualize allows efficient rendering of large lists by only rendering items that are visible in the viewport. */\n  virtualized?: boolean;\n}\n\n/**\n * Table component based on [HeroUI Table](https://www.heroui.com//docs/components/table)\n */\nconst Table = ({\n  ariaLabel = undefined,\n  bottomContent = undefined,\n  className = undefined,\n  columns,\n  emptyContent = 'No rows to display.',\n  hasWrapper = false,\n  hideHeader = false,\n  loading = false,\n  loadingContent = undefined,\n  maxTableHeight = undefined,\n  rowHeight = undefined,\n  rows = [],\n  separation = 'none',\n  stickyHeader = false,\n  testId = undefined,\n  virtualized = false,\n}: TableProps) => {\n  const variants = tableVariants({ separation });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroTable\n      aria-label={ariaLabel}\n      bottomContent={bottomContent}\n      classNames={classNames}\n      data-testid={testId ? slugify(testId) : null}\n      hideHeader={hideHeader}\n      isHeaderSticky={stickyHeader}\n      isStriped={separation === 'striped' || separation === 'striped-divider-x'}\n      isVirtualized={virtualized}\n      maxTableHeight={maxTableHeight}\n      removeWrapper={virtualized ? false : !hasWrapper} // always show wrapper if virtualized\n      rowHeight={rowHeight}\n    >\n      <TableHeader columns={columns}>\n        {(column: TableColumnProps) => {\n          return <TableColumn key={column.key}>{column.label}</TableColumn>;\n        }}\n      </TableHeader>\n      <TableBody\n        emptyContent={emptyContent}\n        isLoading={loading}\n        items={rows}\n        loadingContent={loadingContent ?? '...'} // TODO: use future spinner/loading component\n      >\n        {(item: TableRowProps) => {\n          return (\n            <TableRow\n              key={item.key}\n              // data-testid={`${slugify(testId || 'table')}_item_${slugify(JSON.stringify(item.testId || item.key))}`}\n            >\n              {(columnKey) => {\n                return <TableCell>{getKeyValue(item, columnKey)}</TableCell>;\n              }}\n            </TableRow>\n          );\n        }}\n      </TableBody>\n    </HeroTable>\n  );\n};\n\nexport default Table;\n","import Table, { tableVariants } from './Table';\n\nexport type {\n  TableProps,\n  TableRowProps,\n  TableColumnProps,\n  VariantProps,\n} from './Table';\n\nexport { Table, tableVariants };\n\nexport default Table;\n"],"mappings":";AAGA;AAAA,EACE;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,SAAS,IAAI,4BAA4B;AA0H9C,SAea,KAfb;AAvHG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc;AAAA,IACd,gBAAgB;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,SAAS;AAAA,QACP,IAAI;AAAA,MACN;AAAA,MACA,aAAa;AAAA,QACX,IAAI;AAAA,MACN;AAAA,MACA,aAAa;AAAA,QACX,IAAI;AAAA,MACN;AAAA,MACA,qBAAqB;AAAA,QACnB,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,MAAM,CAAC;AAAA,IACT;AAAA,EACF;AACF,CAAC;AA2DD,IAAM,QAAQ,CAAC;AAAA,EACb,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ;AAAA,EACA,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AAAA,EACb,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,OAAO,CAAC;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,SAAS;AAAA,EACT,cAAc;AAChB,MAAkB;AAChB,QAAM,WAAW,cAAc,EAAE,WAAW,CAAC;AAC7C,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,cAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,eAAa,SAAS,QAAQ,MAAM,IAAI;AAAA,MACxC;AAAA,MACA,gBAAgB;AAAA,MAChB,WAAW,eAAe,aAAa,eAAe;AAAA,MACtD,eAAe;AAAA,MACf;AAAA,MACA,eAAe,cAAc,QAAQ,CAAC;AAAA,MACtC;AAAA,MAEA;AAAA,4BAAC,eAAY,SACV,WAAC,WAA6B;AAC7B,iBAAO,oBAAC,eAA8B,iBAAO,SAApB,OAAO,GAAmB;AAAA,QACrD,GACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW;AAAA,YACX,OAAO;AAAA,YACP,gBAAgB,0CAAkB;AAAA,YAEjC,WAAC,SAAwB;AACxB,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAIE,WAAC,cAAc;AACd,2BAAO,oBAAC,aAAW,sBAAY,MAAM,SAAS,GAAE;AAAA,kBAClD;AAAA;AAAA,gBALK,KAAK;AAAA,cAMZ;AAAA,YAEJ;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;ACrKf,IAAOA,iBAAQ;","names":["Table_default"]}

package/dist/chunk-3WD7CGWD.cjs

@@ -1,37 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useDebounce/useDebounce.ts
-var _react = require('react');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var useDebounce = (value, delay) => {
-  const [debouncedValue, setDebouncedValue] = _react.useState.call(void 0, value);
-  const isMountedRef = _react.useRef.call(void 0, true);
-  _react.useEffect.call(void 0, () => {
-    isMountedRef.current = true;
-    return () => {
-      isMountedRef.current = false;
-    };
-  }, []);
-  _react.useEffect.call(void 0, 
-    () => {
-      if (_pixelutils.isTestEnvironment.call(void 0, )) {
-        setDebouncedValue(value);
-        return;
-      }
-      const handler = setTimeout(() => {
-        if (isMountedRef.current) {
-          setDebouncedValue(value);
-        }
-      }, delay);
-      return () => {
-        clearTimeout(handler);
-      };
-    },
-    [value, delay]
-    // Only re-call effect if value or delay changes
-  );
-  return debouncedValue;
-};
-
-
-
-exports.useDebounce = useDebounce;
-//# sourceMappingURL=chunk-3WD7CGWD.cjs.map

package/dist/chunk-3WD7CGWD.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-3WD7CGWD.cjs","../src/hooks/useDebounce/useDebounce.ts"],"names":[],"mappings":"AAAA;ACEA,8BAA4C;AAE5C,oDAAkC;AAQ3B,IAAM,YAAA,EAAc,CAAQ,KAAA,EAAc,KAAA,EAAA,GAAkB;AAEjE,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,EAAA,EAAI,6BAAA,KAAc,CAAA;AAE1D,EAAA,MAAM,aAAA,EAAe,2BAAA,IAAW,CAAA;AAEhC,EAAA,8BAAA,CAAU,EAAA,GAAM;AAEd,IAAA,YAAA,CAAa,QAAA,EAAU,IAAA;AACvB,IAAA,OAAO,CAAA,EAAA,GAAM;AAEX,MAAA,YAAA,CAAa,QAAA,EAAU,KAAA;AAAA,IACzB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,CAAC,CAAA;AAEL,EAAA,8BAAA;AAAA,IACE,CAAA,EAAA,GAAM;AAEJ,MAAA,GAAA,CAAI,2CAAA,CAAkB,EAAG;AACvB,QAAA,iBAAA,CAAkB,KAAK,CAAA;AACvB,QAAA,MAAA;AAAA,MACF;AAGA,MAAA,MAAM,QAAA,EAAU,UAAA,CAAW,CAAA,EAAA,GAAM;AAE/B,QAAA,GAAA,CAAI,YAAA,CAAa,OAAA,EAAS;AACxB,UAAA,iBAAA,CAAkB,KAAK,CAAA;AAAA,QACzB;AAAA,MACF,CAAA,EAAG,KAAK,CAAA;AAMR,MAAA,OAAO,CAAA,EAAA,GAAM;AACX,QAAA,YAAA,CAAa,OAAO,CAAA;AAAA,MACtB,CAAA;AAAA,IACF,CAAA;AAAA,IACA,CAAC,KAAA,EAAO,KAAK;AAAA;AAAA,EACf,CAAA;AAEA,EAAA,OAAO,cAAA;AACT,CAAA;ADvBA;AACA;AACE;AACF,kCAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-3WD7CGWD.cjs","sourcesContent":[null,"/* eslint-disable import-x/prefer-default-export */\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { isTestEnvironment } from '@fuf-stack/pixel-utils';\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  // Track if component is mounted to prevent setState on unmounted component\n  const isMountedRef = useRef(true);\n\n  useEffect(() => {\n    // Mark as mounted\n    isMountedRef.current = true;\n    return () => {\n      // Mark as unmounted on cleanup\n      isMountedRef.current = false;\n    };\n  }, []);\n\n  useEffect(\n    () => {\n      // In test environments, skip debouncing for immediate snapshots\n      if (isTestEnvironment()) {\n        setDebouncedValue(value);\n        return;\n      }\n\n      // Update debounced value after delay\n      const handler = setTimeout(() => {\n        // Only update state if component is still mounted\n        if (isMountedRef.current) {\n          setDebouncedValue(value);\n        }\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      // eslint-disable-next-line consistent-return\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"]}

package/dist/chunk-4AXE6KZW.js

@@ -1,127 +0,0 @@
-import {
-  __spreadValues
-} from "./chunk-OAIRL2FN.js";
-
-// src/Label/Label.tsx
-import { Chip as HeroLabel } from "@heroui/chip";
-import { chip as heroLabelVariants } from "@heroui/theme";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-var labelVariants = tv({
-  slots: {
-    base: "",
-    closeButton: "",
-    content: "",
-    dot: "",
-    icon: ""
-  },
-  variants: {
-    color: __spreadValues({
-      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts
-      info: {
-        dot: "bg-info"
-      }
-    }, heroLabelVariants.variants.color),
-    isIconOnly: {
-      true: {
-        content: "px-1"
-      },
-      false: {
-        content: "flex items-center gap-2"
-      }
-    },
-    hasEndContent: {
-      true: {
-        base: "pr-2"
-      }
-    },
-    variant: heroLabelVariants.variants.variant
-  },
-  defaultVariants: heroLabelVariants.defaultVariants,
-  compoundVariants: [
-    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts
-    ...heroLabelVariants.compoundVariants,
-    // solid / color info
-    {
-      variant: "solid",
-      color: "info",
-      class: {
-        base: "bg-info text-info-foreground"
-      }
-    },
-    // bordered / color info
-    {
-      variant: "bordered",
-      color: "info",
-      class: {
-        base: "border-info text-info"
-      }
-    },
-    // light / color info
-    {
-      variant: "light",
-      color: "info",
-      class: {
-        base: "text-info"
-      }
-    },
-    // flat / color info
-    {
-      variant: "flat",
-      color: "info",
-      class: {
-        base: "bg-info/20 text-info-600"
-      }
-    },
-    // faded / color info
-    {
-      variant: "faded",
-      color: "info",
-      class: {
-        base: "border-default text-info"
-      }
-    }
-  ]
-});
-var Label = ({
-  children = void 0,
-  className: _className = void 0,
-  color = "default",
-  endContent = void 0,
-  icon = void 0,
-  onClose = void 0,
-  radius = "full",
-  size = "md",
-  variant = "solid"
-}) => {
-  const isIconOnly = !!icon && !children && !endContent;
-  const hasEndContent = !!endContent;
-  const variants = labelVariants({ color, isIconOnly, hasEndContent, variant });
-  const classNames = variantsToClassNames(variants, _className, "base");
-  return /* @__PURE__ */ jsxs(
-    HeroLabel,
-    {
-      classNames,
-      endContent,
-      onClose,
-      radius,
-      size,
-      variant,
-      children: [
-        icon ? /* @__PURE__ */ jsx("span", { className: classNames.icon, children: icon }) : null,
-        children
-      ]
-    }
-  );
-};
-var Label_default = Label;
-
-// src/Label/index.ts
-var Label_default2 = Label_default;
-
-export {
-  labelVariants,
-  Label_default,
-  Label_default2
-};
-//# sourceMappingURL=chunk-4AXE6KZW.js.map

package/dist/chunk-4AXE6KZW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Label/Label.tsx","../src/Label/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ChipProps as HeroLabelProps } from '@heroui/chip';\nimport type { ReactNode } from 'react';\n\nimport { Chip as HeroLabel } from '@heroui/chip';\nimport { chip as heroLabelVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// label variants\nexport const labelVariants = tv({\n  slots: {\n    base: '',\n    closeButton: '',\n    content: '',\n    dot: '',\n    icon: '',\n  },\n  variants: {\n    color: {\n      // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts\n      info: {\n        dot: 'bg-info',\n      },\n      ...heroLabelVariants.variants.color,\n    },\n    isIconOnly: {\n      true: {\n        content: 'px-1',\n      },\n      false: {\n        content: 'flex items-center gap-2',\n      },\n    },\n    hasEndContent: {\n      true: {\n        base: 'pr-2',\n      },\n    },\n    variant: heroLabelVariants.variants.variant,\n  },\n  defaultVariants: heroLabelVariants.defaultVariants,\n  compoundVariants: [\n    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/chip.ts\n    ...heroLabelVariants.compoundVariants,\n    // solid / color info\n    {\n      variant: 'solid',\n      color: 'info',\n      class: {\n        base: 'bg-info text-info-foreground',\n      },\n    },\n    // bordered / color info\n    {\n      variant: 'bordered',\n      color: 'info',\n      class: {\n        base: 'border-info text-info',\n      },\n    },\n    // light / color info\n    {\n      variant: 'light',\n      color: 'info',\n      class: {\n        base: 'text-info',\n      },\n    },\n    // flat / color info\n    {\n      variant: 'flat',\n      color: 'info',\n      class: {\n        base: 'bg-info/20 text-info-600',\n      },\n    },\n    // faded / color info\n    {\n      variant: 'faded',\n      color: 'info',\n      class: {\n        base: 'border-default text-info',\n      },\n    },\n  ],\n});\n\ntype VariantProps = TVProps<typeof labelVariants>;\ntype ClassName = TVClassName<typeof labelVariants>;\n\nexport interface LabelProps extends VariantProps {\n  /** content of the label */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the label */\n  color?: VariantProps['color'];\n  /** element to be rendered in the right side of the label */\n  endContent?: HeroLabelProps['endContent'];\n  /** optional label icon, when only icon provided without children and endContent  */\n  icon?: ReactNode;\n  /** add close button to endContent */\n  onClose?: HeroLabelProps['onClose'];\n  /** radius of the label */\n  radius?: HeroLabelProps['radius'];\n  /** size of the label */\n  size?: HeroLabelProps['size'];\n  /** style variant of the label */\n  variant?: 'solid' | 'bordered' | 'light' | 'flat' | 'faded' | 'dot';\n}\n\n/**\n * Label component based on [HeroUI Chip](https://www.heroui.com//docs/components/chip)\n */\nconst Label = ({\n  children = undefined,\n  className: _className = undefined,\n  color = 'default',\n  endContent = undefined,\n  icon = undefined,\n  onClose = undefined,\n  radius = 'full',\n  size = 'md',\n  variant = 'solid',\n}: LabelProps) => {\n  // determine variants based on props\n  const isIconOnly = !!icon && !children && !endContent;\n  const hasEndContent = !!endContent;\n\n  // classNames from slots\n  const variants = labelVariants({ color, isIconOnly, hasEndContent, variant });\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroLabel\n      classNames={classNames}\n      endContent={endContent}\n      onClose={onClose}\n      radius={radius}\n      size={size}\n      variant={variant}\n    >\n      {icon ? <span className={classNames.icon}>{icon}</span> : null}\n      {children}\n    </HeroLabel>\n  );\n};\n\nexport default Label;\n","import Label, { labelVariants } from './Label';\n\nexport type { LabelProps } from './Label';\n\nexport { Label, labelVariants };\n\nexport default Label;\n"],"mappings":";;;;;AAIA,SAAS,QAAQ,iBAAiB;AAClC,SAAS,QAAQ,yBAAyB;AAE1C,SAAS,IAAI,4BAA4B;AAgIrC,SAQU,KARV;AA7HG,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,aAAa;AAAA,IACb,SAAS;AAAA,IACT,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA;AAAA,MAEL,MAAM;AAAA,QACJ,KAAK;AAAA,MACP;AAAA,OACG,kBAAkB,SAAS;AAAA,IAEhC,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,SAAS,kBAAkB,SAAS;AAAA,EACtC;AAAA,EACA,iBAAiB,kBAAkB;AAAA,EACnC,kBAAkB;AAAA;AAAA,IAEhB,GAAG,kBAAkB;AAAA;AAAA,IAErB;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC;AA6BD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,WAAW,aAAa;AAAA,EACxB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AACZ,MAAkB;AAEhB,QAAM,aAAa,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC;AAC3C,QAAM,gBAAgB,CAAC,CAAC;AAGxB,QAAM,WAAW,cAAc,EAAE,OAAO,YAAY,eAAe,QAAQ,CAAC;AAC5E,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,eAAO,oBAAC,UAAK,WAAW,WAAW,MAAO,gBAAK,IAAU;AAAA,QACzD;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,gBAAQ;;;AC/If,IAAOA,iBAAQ;","names":["Label_default"]}

package/dist/chunk-4SBEERL5.js

@@ -1,145 +0,0 @@
-import {
-  useIsInitialRenderCycle
-} from "./chunk-GKYJUGD4.js";
-import {
-  __spreadValues
-} from "./chunk-OAIRL2FN.js";
-
-// src/ProgressCircular/ProgressCircular.tsx
-import { FaCheck, FaTimes } from "react-icons/fa";
-import { CircularProgress as HeroCircularProgress } from "@heroui/progress";
-import { circularProgress as heroCircularProgressVariants } from "@heroui/theme";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx } from "react/jsx-runtime";
-var progressCircularVariants = tv({
-  slots: {
-    // wrapper around the whole component
-    base: "",
-    // indicator of the circle (finished part)
-    indicator: "",
-    // label next to the svgWrapper
-    label: "",
-    // wrapper for the circle
-    svg: "",
-    // wrapper around progress svg and value span
-    svgWrapper: "",
-    // track of the circle (not finished part)
-    track: "stroke-default-300",
-    // outer span next to the svg
-    value: ""
-  },
-  variants: {
-    color: __spreadValues({
-      info: {
-        svg: "text-info"
-      }
-    }, heroCircularProgressVariants.variants.color),
-    hasError: {
-      true: {
-        svg: "text-danger"
-      }
-    },
-    isFinished: {
-      true: {
-        svg: "text-success"
-      }
-    },
-    size: {
-      xs: {
-        svg: "h-10 w-10",
-        value: "text-[0.6rem]"
-      },
-      sm: {
-        svg: "h-12 w-12",
-        value: "text-xs"
-      },
-      md: {
-        svg: "h-16 w-16",
-        value: "text-md"
-      },
-      lg: {
-        svg: "h-20 w-20",
-        value: "text-lg"
-      },
-      xl: {
-        svg: "h-24 w-24",
-        value: "text-xl"
-      }
-    }
-  }
-});
-var defaultFormat = (percent = 0) => {
-  return `${percent}%`;
-};
-var ProgressCircular = ({
-  ariaLabel = "progress",
-  className = void 0,
-  format = defaultFormat,
-  hasError = false,
-  percent,
-  disableAnimation = false,
-  disableFinishedState = false,
-  size = "md",
-  color = "info",
-  strokeWidth: strokeWidthProp = void 0
-}) => {
-  const isInitialRenderCycle = useIsInitialRenderCycle();
-  const isFinished = !hasError && percent >= 100 && !disableFinishedState;
-  const variants = progressCircularVariants({
-    color,
-    hasError,
-    isFinished,
-    size
-  });
-  const classNames = variantsToClassNames(variants, className, "base");
-  let value = format(percent);
-  let strokeWidth = strokeWidthProp;
-  if (!strokeWidth) {
-    switch (size) {
-      case "xs":
-        strokeWidth = 2;
-        break;
-      case "sm":
-        strokeWidth = 1.8;
-        break;
-      default:
-        strokeWidth = 1.6;
-        break;
-    }
-  }
-  let progressColor = color;
-  if (hasError) {
-    progressColor = "danger";
-    value = /* @__PURE__ */ jsx(FaTimes, { className: "text-danger" });
-  } else if (isFinished) {
-    progressColor = "success";
-    value = /* @__PURE__ */ jsx(FaCheck, { className: "text-success" });
-  }
-  const heroUiColor = Object.keys(
-    heroCircularProgressVariants.variants.color
-  ).includes(color) ? progressColor : void 0;
-  return /* @__PURE__ */ jsx(
-    HeroCircularProgress,
-    {
-      showValueLabel: true,
-      "aria-label": ariaLabel,
-      classNames,
-      color: heroUiColor,
-      disableAnimation: isInitialRenderCycle || disableAnimation,
-      strokeWidth,
-      value: percent || 0,
-      valueLabel: value
-    }
-  );
-};
-var ProgressCircular_default = ProgressCircular;
-
-// src/ProgressCircular/index.ts
-var ProgressCircular_default2 = ProgressCircular_default;
-
-export {
-  progressCircularVariants,
-  ProgressCircular_default,
-  ProgressCircular_default2
-};
-//# sourceMappingURL=chunk-4SBEERL5.js.map

package/dist/chunk-4SBEERL5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ProgressCircular/ProgressCircular.tsx","../src/ProgressCircular/index.ts"],"sourcesContent":["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/useIsInitialRenderCycle';\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"],"mappings":";;;;;;;;AAIA,SAAS,SAAS,eAAe;AAEjC,SAAS,oBAAoB,4BAA4B;AACzD,SAAS,oBAAoB,oCAAoC;AAEjE,SAAS,IAAI,4BAA4B;AAmJ7B;AA/IL,IAAM,2BAA2B,GAAG;AAAA,EACzC,OAAO;AAAA;AAAA,IAEL,MAAM;AAAA;AAAA,IAEN,WAAW;AAAA;AAAA,IAEX,OAAO;AAAA;AAAA,IAEP,KAAK;AAAA;AAAA,IAEL,YAAY;AAAA;AAAA,IAEZ,OAAO;AAAA;AAAA,IAEP,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,KAAK;AAAA,MACP;AAAA,OAEG,6BAA6B,SAAS;AAAA,IAE3C,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,KAAK;AAAA,MACP;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,KAAK;AAAA,QACL,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,KAAK;AAAA,QACL,OAAO;AAAA,MACT;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;AA6BD,IAAM,gBAAgB,CAAC,UAAU,MAAM;AACrC,SAAO,GAAG,OAAO;AACnB;AAKA,IAAM,mBAAmB,CAAC;AAAA,EACxB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,EACnB,uBAAuB;AAAA,EACvB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa,kBAAkB;AACjC,MAA6B;AAE3B,QAAM,uBAAuB,wBAAwB;AAGrD,QAAM,aAAa,CAAC,YAAY,WAAW,OAAO,CAAC;AAEnD,QAAM,WAAW,yBAAyB;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAGnE,MAAI,QAAQ,OAAO,OAAO;AAE1B,MAAI,cAAc;AAElB,MAAI,CAAC,aAAa;AAChB,YAAQ,MAAM;AAAA,MACZ,KAAK;AACH,sBAAc;AACd;AAAA,MACF,KAAK;AACH,sBAAc;AACd;AAAA,MACF;AACE,sBAAc;AACd;AAAA,IACJ;AAAA,EACF;AAGA,MAAI,gBAAuC;AAC3C,MAAI,UAAU;AACZ,oBAAgB;AAChB,YAAQ,oBAAC,WAAQ,WAAU,eAAc;AAAA,EAC3C,WAAW,YAAY;AACrB,oBAAgB;AAChB,YAAQ,oBAAC,WAAQ,WAAU,gBAAe;AAAA,EAC5C;AAGA,QAAM,cAAc,OAAO;AAAA,IACzB,6BAA6B,SAAS;AAAA,EACxC,EAAE,SAAS,KAAK,IACX,gBACD;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc;AAAA,MACd,cAAY;AAAA,MACZ;AAAA,MACA,OAAO;AAAA,MACP,kBAAkB,wBAAwB;AAAA,MAC1C;AAAA,MAEA,OAAO,WAAW;AAAA,MAClB,YAAY;AAAA;AAAA,EACd;AAEJ;AAEA,IAAO,2BAAQ;;;AClLf,IAAOA,4BAAQ;","names":["ProgressCircular_default"]}

package/dist/chunk-4Y4W74D7.js

@@ -1,48 +0,0 @@
-// src/Avatar/Avatar.tsx
-import { Avatar as HeroAvatar } from "@heroui/avatar";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx } from "react/jsx-runtime";
-var avatarVariants = tv({
-  slots: {
-    base: "",
-    fallback: "",
-    icon: "",
-    img: "",
-    name: ""
-  }
-});
-var Avatar = ({
-  bordered = false,
-  rounded = "full",
-  className: _className = void 0,
-  disabled = false,
-  fallback = void 0,
-  size = "md",
-  src
-}) => {
-  const variants = avatarVariants();
-  const className = variantsToClassNames(variants, _className, "base");
-  return /* @__PURE__ */ jsx(
-    HeroAvatar,
-    {
-      classNames: className,
-      fallback,
-      isBordered: bordered,
-      isDisabled: disabled,
-      radius: rounded,
-      showFallback: !!fallback,
-      size,
-      src
-    }
-  );
-};
-var Avatar_default = Avatar;
-
-// src/Avatar/index.ts
-var Avatar_default2 = Avatar_default;
-
-export {
-  Avatar_default,
-  Avatar_default2
-};
-//# sourceMappingURL=chunk-4Y4W74D7.js.map

package/dist/chunk-4Y4W74D7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Avatar/Avatar.tsx","../src/Avatar/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type React from 'react';\n\nimport { Avatar as HeroAvatar } from '@heroui/avatar';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// avatar styling variants\nexport const avatarVariants = tv({\n  slots: {\n    base: '',\n    fallback: '',\n    icon: '',\n    img: '',\n    name: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof avatarVariants>;\ntype ClassName = TVClassName<typeof avatarVariants>;\nexport interface AvatarProps extends VariantProps {\n  /* Display a border ring around the Avatar */\n  bordered?: boolean;\n  /* Roundness of the border around the Avatar */\n  rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** CSS class name */\n  className?: ClassName;\n  /* Disables the Avatar */\n  disabled?: boolean;\n  /* Fallback content to display if the image fails to load or is not provided */\n  fallback?: React.ReactNode;\n  /* Size of the Avatar */\n  size?: 'sm' | 'md' | 'lg';\n  /* Image source */\n  src: string;\n}\n\n/**\n * Avatar component based on [HeroUI Avatar](https://www.heroui.com//docs/components/avatar)\n */\nconst Avatar = ({\n  bordered = false,\n  rounded = 'full',\n  className: _className = undefined,\n  disabled = false,\n  fallback = undefined,\n  size = 'md',\n  src,\n}: AvatarProps) => {\n  // className from slots\n  const variants = avatarVariants();\n  const className = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroAvatar\n      classNames={className}\n      fallback={fallback}\n      isBordered={bordered}\n      isDisabled={disabled}\n      radius={rounded}\n      showFallback={!!fallback}\n      size={size}\n      src={src}\n    />\n  );\n};\n\nexport default Avatar;\n","import Avatar from './Avatar';\n\nexport type { AvatarProps } from './Avatar';\n\nexport { Avatar };\n\nexport default Avatar;\n"],"mappings":";AAGA,SAAS,UAAU,kBAAkB;AAErC,SAAS,IAAI,4BAA4B;AAiDrC;AA9CG,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AACF,CAAC;AAwBD,IAAM,SAAS,CAAC;AAAA,EACd,WAAW;AAAA,EACX,UAAU;AAAA,EACV,WAAW,aAAa;AAAA,EACxB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AACF,MAAmB;AAEjB,QAAM,WAAW,eAAe;AAChC,QAAM,YAAY,qBAAqB,UAAU,YAAY,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,cAAc,CAAC,CAAC;AAAA,MAChB;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;;;AC7Df,IAAOA,kBAAQ;","names":["Avatar_default"]}