@fuf-stack/pixels 1.8.0 → 1.10.0

package/dist/chunk-IBX6A72P.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-IBX6A72P.cjs","../src/Breadcrumb/Breadcrumb.tsx","../src/Breadcrumb/index.ts"],"names":["Breadcrumb_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACDA;AACE;AACA;AAAkB,kDACb;AAEP,oDAAyC;AAkH/B,+CAAA;AA9GH,IAAM,mBAAA,EAAqB,4BAAA;AAAG,EACnC,KAAA,EAAO;AAAA;AAAA,IAEL,QAAA,EAAU,EAAA;AAAA;AAAA,IAEV,IAAA,EAAM,EAAA;AAAA;AAAA,IAEN,QAAA,EAAU,EAAA;AAAA;AAAA;AAAA,IAEV,IAAA,EAAM,EAAA;AAAA;AAAA,IAEN,SAAA,EAAW,EAAA;AAAA;AAAA,IAEX,GAAA,EAAK;AAAA,EACP;AACF,CAAC,CAAA;AAoDD,IAAM,WAAA,EAAa,CAAC;AAAA,EAClB,eAAA;AAAA,EACA,SAAA,EAAW,WAAA,EAAa,KAAA,CAAA;AAAA,EACxB,MAAA,EAAQ,YAAA;AAAA,EACR,iBAAA,EAAmB,KAAA;AAAA,EACnB,SAAA,EAAW,KAAA;AAAA,EACX,cAAA,EAAgB,KAAA;AAAA,EAChB,SAAA,EAAW,KAAA,CAAA;AAAA,EACX,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,KAAA,EAAO,IAAA;AAAA,EACP,UAAA,EAAY,OAAA;AAAA,EACZ,QAAA,EAAU;AACZ,CAAA,EAAA,GAAuB;AAErB,EAAA,MAAM,SAAA,EAAW,kBAAA,CAAmB,CAAC,CAAC,CAAA;AACtC,EAAA,MAAM,WAAA,EAAa,8CAAA,QAAqB,EAAU,UAAA,EAAY,KAAK,CAAA;AAEnE,EAAA,uBACE,6BAAA;AAAA,IAAC,wBAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA,EAAY;AAAA,QACV,IAAA,EAAM,UAAA,CAAW,GAAA;AAAA,QACjB,QAAA,EAAU,UAAA,CAAW,SAAA;AAAA,QACrB,IAAA,EAAM,UAAA,CAAW;AAAA,MACnB,CAAA;AAAA,MACA,WAAA,EAAa;AAAA,QACX,IAAA,EAAM,UAAA,CAAW,QAAA;AAAA,QACjB,IAAA,EAAM,UAAA,CAAW,IAAA;AAAA,QACjB,SAAA,EAAW,UAAA,CAAW;AAAA,MACxB,CAAA;AAAA,MAEC,QAAA,EAAA,eAAA,CAAgB,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,EAAA,GAAU;AACpC,QAAA,uBACE,6BAAA;AAAA,UAAC,2BAAA;AAAA,UAAA,8CAAA;AAAA,YAGC,UAAA,EAAY,SAAA,GAAA,CAAY,KAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,IAAA,CAAM,QAAA;AAAA,UAAA,CAAA,EAC1B,IAAA,CAAA;AAAA,UAFC;AAAA,QAGP,CAAA;AAAA,MAEJ,CAAC;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;AAEA,IAAO,mBAAA,EAAQ,UAAA;ADtDf;AACA;AE3EA,IAAOA,oBAAAA,EAAQ,kBAAA;AF6Ef;AACA;AACE;AACA;AACA;AACF,oJAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-IBX6A72P.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport {\n  Breadcrumbs as HeroBreadcrumb,\n  BreadcrumbItem as HeroBreadcrumbItem,\n} from '@heroui/breadcrumbs';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// breadcrumb styling variants\n// see: https://www.heroui.com//docs/components/breadcrumbs#breadcrumbitem-props\nexport const breadcrumbVariants = tv({\n  slots: {\n    /** ellipsis slot */\n    ellipsis: '',\n    /** li > span slot */\n    item: '',\n    /** li  slot */\n    itemBase: '', // base for item slot\n    /** ol slot */\n    list: '',\n    /** separator slot */\n    separator: '',\n    /** nav slot, breadcrumb base slot in heroui */\n    nav: '',\n  },\n});\n\nexport interface BreadcrumbItemProps {\n  /** Content of the breadcrumb item */\n  children: ReactNode;\n  /** Disables the breadcrumb item */\n  disabled?: boolean;\n  /** content displayed before the children */\n  startContent?: ReactNode;\n  /** content displayed after the children */\n  endContent?: ReactNode;\n}\n\ntype VariantProps = TVProps<typeof breadcrumbVariants>;\ntype ClassName = TVClassName<typeof breadcrumbVariants>;\n\nexport interface BreadcrumbProps extends VariantProps {\n  /** Props for breadcrumbItem, will render the breadcrumb items programmatically */\n  breadcrumbItems: BreadcrumbItemProps[];\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the active BreadcrumbItem */\n  color?:\n    | 'foreground'\n    | 'primary'\n    | 'secondary'\n    | 'success'\n    | 'warning'\n    | 'danger';\n  /** Disables the breadcrumb animation */\n  disableAnimation?: boolean;\n  /** hides the separator between items */\n  hideSeparator?: boolean;\n  /** disables all items */\n  disabled?: boolean;\n  /** Maximum number of items to show without \"...\" in between */\n  maxItems?: number;\n  /** Radius of the breadcrumb */\n  radius?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** Separator between items */\n  separator?: ReactNode;\n  /** Size of the breadcrumb */\n  size?: 'sm' | 'md' | 'lg';\n  /** Adjust when the breadcrumb items should be underlined */\n  underline?: 'none' | 'active' | 'hover' | 'focus' | 'always';\n  /** Style variant of the breadcrumb */\n  variant?: 'solid' | 'bordered' | 'light';\n}\n\n/**\n * Breadcrumb component based on [HeroUI Breadcrumbs](https://www.heroui.com//docs/components/breadcrumbs)\n */\nconst Breadcrumb = ({\n  breadcrumbItems,\n  className: _className = undefined,\n  color = 'foreground',\n  disableAnimation = false,\n  disabled = false,\n  hideSeparator = false,\n  maxItems = undefined,\n  radius = 'none',\n  separator = undefined,\n  size = 'md',\n  underline = 'hover',\n  variant = 'light',\n}: BreadcrumbProps) => {\n  // itemClasses from className slots\n  const variants = breadcrumbVariants({});\n  const classNames = variantsToClassNames(variants, _className, 'nav');\n\n  return (\n    <HeroBreadcrumb\n      color={color}\n      disableAnimation={disableAnimation}\n      hideSeparator={hideSeparator}\n      isDisabled={disabled}\n      maxItems={maxItems}\n      radius={radius}\n      separator={separator}\n      size={size}\n      underline={underline}\n      variant={variant}\n      classNames={{\n        base: classNames.nav,\n        ellipsis: classNames.separator,\n        list: classNames.list,\n      }}\n      itemClasses={{\n        base: classNames.itemBase,\n        item: classNames.item,\n        separator: classNames.separator,\n      }}\n    >\n      {breadcrumbItems.map((item, index) => {\n        return (\n          <HeroBreadcrumbItem\n            // eslint-disable-next-line react/no-array-index-key\n            key={index}\n            isDisabled={disabled || item?.disabled}\n            {...item}\n          />\n        );\n      })}\n    </HeroBreadcrumb>\n  );\n};\n\nexport default Breadcrumb;\n","import Breadcrumb, { breadcrumbVariants } from './Breadcrumb';\n\nexport type { BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumb';\n\nexport { Breadcrumb, breadcrumbVariants };\n\nexport default Breadcrumb;\n"]}

package/dist/chunk-IGRNC5NX.js

@@ -1,98 +0,0 @@
-// src/Drawer/Drawer.tsx
-import {
-  Drawer as HeroDrawer,
-  DrawerBody as HeroDrawerBody,
-  DrawerContent as HeroDrawerContent,
-  DrawerFooter as HeroDrawerFooter,
-  DrawerHeader as HeroDrawerHeader
-} from "@heroui/drawer";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var drawerVariants = tv({
-  slots: {
-    wrapper: "",
-    base: "",
-    backdrop: "",
-    header: "",
-    body: "",
-    footer: "",
-    closeButton: ""
-  }
-});
-var drawerSizes = [
-  "xs",
-  "sm",
-  "md",
-  "lg",
-  "xl",
-  "2xl",
-  "3xl",
-  "4xl",
-  "5xl",
-  "full"
-];
-var drawerRadii = ["none", "sm", "md", "lg"];
-var drawerBackdrops = ["opaque", "transparent", "blur"];
-var drawerPlacements = ["left", "right", "top", "bottom"];
-var Drawer = ({
-  backdrop = "opaque",
-  children = null,
-  className = void 0,
-  closeButton = void 0,
-  footer = void 0,
-  header = void 0,
-  hideCloseButton = false,
-  isOpen = void 0,
-  isDismissable = true,
-  onClose = void 0,
-  onOpenChange = void 0,
-  placement = "right",
-  portalContainer = void 0,
-  radius = "lg",
-  size = "md",
-  testId = void 0
-}) => {
-  const variants = drawerVariants();
-  const classNames = variantsToClassNames(variants, className, "base");
-  return /* @__PURE__ */ jsx(
-    HeroDrawer,
-    {
-      backdrop,
-      classNames,
-      closeButton,
-      "data-testid": testId,
-      hideCloseButton,
-      isDismissable,
-      isOpen,
-      onClose,
-      onOpenChange,
-      placement,
-      portalContainer,
-      radius,
-      scrollBehavior: "inside",
-      size,
-      children: /* @__PURE__ */ jsx(HeroDrawerContent, { "data-testid": testId ? `drawer_${testId}` : "drawer", children: () => {
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          header ? /* @__PURE__ */ jsx(HeroDrawerHeader, { children: header }) : null,
-          /* @__PURE__ */ jsx(HeroDrawerBody, { id: "drawer_body", children }),
-          footer ? /* @__PURE__ */ jsx(HeroDrawerFooter, { children: footer }) : null
-        ] });
-      } })
-    }
-  );
-};
-var Drawer_default = Drawer;
-
-// src/Drawer/index.ts
-var Drawer_default2 = Drawer_default;
-
-export {
-  drawerVariants,
-  drawerSizes,
-  drawerRadii,
-  drawerBackdrops,
-  drawerPlacements,
-  Drawer_default,
-  Drawer_default2
-};
-//# sourceMappingURL=chunk-IGRNC5NX.js.map

package/dist/chunk-IGRNC5NX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Drawer/Drawer.tsx","../src/Drawer/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DrawerProps as HeroDrawerProps } from '@heroui/drawer';\nimport type { ReactNode } from 'react';\n\nimport {\n  Drawer as HeroDrawer,\n  DrawerBody as HeroDrawerBody,\n  DrawerContent as HeroDrawerContent,\n  DrawerFooter as HeroDrawerFooter,\n  DrawerHeader as HeroDrawerHeader,\n} from '@heroui/drawer';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// drawer variants\nexport const drawerVariants = tv({\n  slots: {\n    wrapper: '',\n    base: '',\n    backdrop: '',\n    header: '',\n    body: '',\n    footer: '',\n    closeButton: '',\n  },\n});\n\nexport const drawerSizes = [\n  'xs',\n  'sm',\n  'md',\n  'lg',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  'full',\n] as const;\nexport type DrawerSizes = (typeof drawerSizes)[number];\n\nexport const drawerRadii = ['none', 'sm', 'md', 'lg'] as const;\nexport type DrawerRadius = (typeof drawerRadii)[number];\n\nexport const drawerBackdrops = ['opaque', 'transparent', 'blur'] as const;\nexport type DrawerBackdrop = (typeof drawerBackdrops)[number];\n\nexport const drawerPlacements = ['left', 'right', 'top', 'bottom'] as const;\nexport type DrawerPlacement = (typeof drawerPlacements)[number];\n\ntype VariantProps = TVProps<typeof drawerVariants>;\ntype ClassName = TVClassName<typeof drawerVariants>;\n\nexport interface DrawerProps extends VariantProps {\n  /** The backdrop style of the Drawer. */\n  backdrop?: DrawerBackdrop;\n  /** Drawer body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Custom close button to display on top right corner. */\n  closeButton?: ReactNode;\n  /** Footer of the Drawer. */\n  footer?: ReactNode;\n  /** Header of the Drawer. */\n  header?: ReactNode;\n  /** Whether to hide the drawer close button. */\n  hideCloseButton?: boolean;\n  /** Whether the drawer is open by default (controlled). */\n  isOpen?: boolean;\n  /** Whether the drawer can be closed by clicking on the overlay or pressing the Esc key. */\n  isDismissable?: boolean;\n  /** Handler that is called when the drawer is closed. */\n  onClose?: () => void;\n  /** Handler that is called when the drawer's open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** The drawer position. */\n  placement?: DrawerPlacement;\n  /** The container element in which the overlay portal will be placed */\n  portalContainer?: HeroDrawerProps['portalContainer'];\n  /** The drawer border radius. */\n  radius?: DrawerRadius;\n  /** The drawer size. */\n  size?: DrawerSizes;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Drawer component based on [HeroUI Drawer](https://www.heroui.com//docs/components/drawer)\n */\nconst Drawer = ({\n  backdrop = 'opaque',\n  children = null,\n  className = undefined,\n  closeButton = undefined,\n  footer = undefined,\n  header = undefined,\n  hideCloseButton = false,\n  isOpen = undefined,\n  isDismissable = true,\n  onClose = undefined,\n  onOpenChange = undefined,\n  placement = 'right',\n  portalContainer = undefined,\n  radius = 'lg',\n  size = 'md',\n  testId = undefined,\n}: DrawerProps) => {\n  // classNames from slots\n  const variants = drawerVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroDrawer\n      backdrop={backdrop}\n      classNames={classNames}\n      closeButton={closeButton}\n      data-testid={testId}\n      hideCloseButton={hideCloseButton}\n      isDismissable={isDismissable}\n      isOpen={isOpen}\n      onClose={onClose}\n      onOpenChange={onOpenChange}\n      placement={placement}\n      portalContainer={portalContainer}\n      radius={radius}\n      scrollBehavior=\"inside\"\n      size={size}\n    >\n      <HeroDrawerContent data-testid={testId ? `drawer_${testId}` : 'drawer'}>\n        {() => {\n          return (\n            <>\n              {header ? <HeroDrawerHeader>{header}</HeroDrawerHeader> : null}\n              <HeroDrawerBody id=\"drawer_body\">{children}</HeroDrawerBody>\n              {footer ? <HeroDrawerFooter>{footer}</HeroDrawerFooter> : null}\n            </>\n          );\n        }}\n      </HeroDrawerContent>\n    </HeroDrawer>\n  );\n};\n\nexport default Drawer;\n","import Drawer, {\n  drawerBackdrops,\n  drawerPlacements,\n  drawerRadii,\n  drawerSizes,\n  drawerVariants,\n} from './Drawer';\n\nexport type { DrawerProps } from './Drawer';\n\nexport {\n  Drawer,\n  drawerBackdrops,\n  drawerPlacements,\n  drawerRadii,\n  drawerSizes,\n  drawerVariants,\n};\n\nexport default Drawer;\n"],"mappings":";AAIA;AAAA,EACE,UAAU;AAAA,EACV,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,OACX;AAEP,SAAS,IAAI,4BAA4B;AAyH7B,mBACY,KADZ;AAtHL,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,SAAS;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,EACf;AACF,CAAC;AAEM,IAAM,cAAc;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,IAAM,cAAc,CAAC,QAAQ,MAAM,MAAM,IAAI;AAG7C,IAAM,kBAAkB,CAAC,UAAU,eAAe,MAAM;AAGxD,IAAM,mBAAmB,CAAC,QAAQ,SAAS,OAAO,QAAQ;AA4CjE,IAAM,SAAS,CAAC;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,SAAS;AAAA,EACT,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX,MAAmB;AAEjB,QAAM,WAAW,eAAe;AAChC,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAe;AAAA,MACf;AAAA,MAEA,8BAAC,qBAAkB,eAAa,SAAS,UAAU,MAAM,KAAK,UAC3D,gBAAM;AACL,eACE,iCACG;AAAA,mBAAS,oBAAC,oBAAkB,kBAAO,IAAsB;AAAA,UAC1D,oBAAC,kBAAe,IAAG,eAAe,UAAS;AAAA,UAC1C,SAAS,oBAAC,oBAAkB,kBAAO,IAAsB;AAAA,WAC5D;AAAA,MAEJ,GACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;;;AC9Hf,IAAOA,kBAAQ;","names":["Drawer_default"]}

package/dist/chunk-ITHJ52SN.cjs

@@ -1,29 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/ScrollShadow/ScrollShadow.tsx
-var _scrollshadow = require('@heroui/scroll-shadow');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var ScrollShadow_default = ({
-  children = null,
-  className = void 0,
-  hideScrollBar = false,
-  orientation = "vertical",
-  size = 40,
-  testId = void 0
-}) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _scrollshadow.ScrollShadow,
-    {
-      className: _pixelutils.cn.call(void 0, className),
-      "data-testid": testId,
-      hideScrollBar,
-      orientation,
-      size,
-      children
-    }
-  );
-};
-
-
-
-exports.ScrollShadow_default = ScrollShadow_default;
-//# sourceMappingURL=chunk-ITHJ52SN.cjs.map

package/dist/chunk-ITHJ52SN.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-ITHJ52SN.cjs","../src/ScrollShadow/ScrollShadow.tsx"],"names":[],"mappings":"AAAA;ACEA,qDAA6B;AAE7B,oDAAmB;AA6Bf,+CAAA;AATJ,IAAO,qBAAA,EAAQ,CAAC;AAAA,EACd,SAAA,EAAW,IAAA;AAAA,EACX,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,cAAA,EAAgB,KAAA;AAAA,EAChB,YAAA,EAAc,UAAA;AAAA,EACd,KAAA,EAAO,EAAA;AAAA,EACP,OAAA,EAAS,KAAA;AACX,CAAA,EAAA,GAAyB;AACvB,EAAA,uBACE,6BAAA;AAAA,IAAC,0BAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,4BAAA,SAAY,CAAA;AAAA,MACvB,aAAA,EAAa,MAAA;AAAA,MACb,aAAA;AAAA,MACA,WAAA;AAAA,MACA,IAAA;AAAA,MAEC;AAAA,IAAA;AAAA,EACH,CAAA;AAEJ,CAAA;ADnBA;AACA;AACE;AACF,oDAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-ITHJ52SN.cjs","sourcesContent":[null,"import type { ReactNode } from 'react';\n\nimport { ScrollShadow } from '@heroui/scroll-shadow';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nexport interface ScrollShadowProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string | string[];\n  /** Hides the scrollbar */\n  hideScrollBar?: boolean;\n  /** Orientation of the scroll shadow */\n  orientation?: 'horizontal' | 'vertical';\n  /** Shadow size in pixels */\n  size?: number;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Scroll Shadow component based on [HeroUI Scroll Shadow](https://www.heroui.com//docs/components/scroll-shadow)\n */\nexport default ({\n  children = null,\n  className = undefined,\n  hideScrollBar = false,\n  orientation = 'vertical',\n  size = 40,\n  testId = undefined,\n}: ScrollShadowProps) => {\n  return (\n    <ScrollShadow\n      className={cn(className)}\n      data-testid={testId}\n      hideScrollBar={hideScrollBar}\n      orientation={orientation}\n      size={size}\n    >\n      {children}\n    </ScrollShadow>\n  );\n};\n"]}

package/dist/chunk-IXBNFKOS.cjs

@@ -1,62 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useLocalStorage/useLocalStorage.ts
-var _react = require('react');
-var useLocalStorage = (key, initialValue) => {
-  const readValue = () => {
-    const resolveInitialValue = () => {
-      return typeof initialValue === "function" ? initialValue() : initialValue;
-    };
-    if (typeof window === "undefined") {
-      return resolveInitialValue();
-    }
-    try {
-      const item = window.localStorage.getItem(key);
-      if (item) {
-        return JSON.parse(item);
-      }
-      return resolveInitialValue();
-    } catch (error) {
-      console.warn(`Error reading localStorage key "${key}":`, error);
-      return resolveInitialValue();
-    }
-  };
-  const [storedValue, setStoredValue] = _react.useState.call(void 0, readValue);
-  const setValue = (value) => {
-    if (typeof window === "undefined") {
-      console.warn(
-        `Tried setting localStorage key "${key}" even though environment is not a client`
-      );
-      return;
-    }
-    try {
-      const newValue = value instanceof Function ? value(storedValue) : value;
-      window.localStorage.setItem(key, JSON.stringify(newValue));
-      setStoredValue(newValue);
-      window.dispatchEvent(new Event("local-storage"));
-    } catch (error) {
-      console.warn(`Error setting localStorage key "${key}":`, error);
-    }
-  };
-  _react.useEffect.call(void 0, () => {
-    setStoredValue(readValue());
-  }, []);
-  _react.useEffect.call(void 0, () => {
-    if (typeof window === "undefined") {
-      return void 0;
-    }
-    const handleStorageChange = () => {
-      setStoredValue(readValue());
-    };
-    window.addEventListener("storage", handleStorageChange);
-    window.addEventListener("local-storage", handleStorageChange);
-    return () => {
-      window.removeEventListener("storage", handleStorageChange);
-      window.removeEventListener("local-storage", handleStorageChange);
-    };
-  }, []);
-  return [storedValue, setValue];
-};
-
-
-
-exports.useLocalStorage = useLocalStorage;
-//# sourceMappingURL=chunk-IXBNFKOS.cjs.map

package/dist/chunk-IXBNFKOS.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-IXBNFKOS.cjs","../src/hooks/useLocalStorage/useLocalStorage.ts"],"names":[],"mappings":"AAAA;ACIA,8BAAoC;AAE7B,IAAM,gBAAA,EAAkB,CAC7B,GAAA,EACA,YAAA,EAAA,GACqC;AAGrC,EAAA,MAAM,UAAA,EAAY,CAAA,EAAA,GAAS;AAEzB,IAAA,MAAM,oBAAA,EAAsB,CAAA,EAAA,GAAS;AACnC,MAAA,OAAO,OAAO,aAAA,IAAiB,WAAA,EAC1B,YAAA,CAAyB,EAAA,EAC1B,YAAA;AAAA,IACN,CAAA;AAGA,IAAA,GAAA,CAAI,OAAO,OAAA,IAAW,WAAA,EAAa;AACjC,MAAA,OAAO,mBAAA,CAAoB,CAAA;AAAA,IAC7B;AAEA,IAAA,IAAI;AAEF,MAAA,MAAM,KAAA,EAAO,MAAA,CAAO,YAAA,CAAa,OAAA,CAAQ,GAAG,CAAA;AAC5C,MAAA,GAAA,CAAI,IAAA,EAAM;AACR,QAAA,OAAO,IAAA,CAAK,KAAA,CAAM,IAAI,CAAA;AAAA,MACxB;AACA,MAAA,OAAO,mBAAA,CAAoB,CAAA;AAAA,IAC7B,EAAA,MAAA,CAAS,KAAA,EAAO;AACd,MAAA,OAAA,CAAQ,IAAA,CAAK,CAAA,gCAAA,EAAmC,GAAG,CAAA,EAAA,CAAA,EAAM,KAAK,CAAA;AAC9D,MAAA,OAAO,mBAAA,CAAoB,CAAA;AAAA,IAC7B;AAAA,EACF,CAAA;AAIA,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,EAAA,EAAI,6BAAA,SAAqB,CAAA;AAI3D,EAAA,MAAM,SAAA,EAAwC,CAAC,KAAA,EAAA,GAAU;AAEvD,IAAA,GAAA,CAAI,OAAO,OAAA,IAAW,WAAA,EAAa;AACjC,MAAA,OAAA,CAAQ,IAAA;AAAA,QACN,CAAA,gCAAA,EAAmC,GAAG,CAAA,yCAAA;AAAA,MACxC,CAAA;AACA,MAAA,MAAA;AAAA,IACF;AAEA,IAAA,IAAI;AAEF,MAAA,MAAM,SAAA,EAAW,MAAA,WAAiB,SAAA,EAAW,KAAA,CAAM,WAAW,EAAA,EAAI,KAAA;AAIlE,MAAA,MAAA,CAAO,YAAA,CAAa,OAAA,CAAQ,GAAA,EAAK,IAAA,CAAK,SAAA,CAAU,QAAQ,CAAC,CAAA;AAGzD,MAAA,cAAA,CAAe,QAAQ,CAAA;AAGvB,MAAA,MAAA,CAAO,aAAA,CAAc,IAAI,KAAA,CAAM,eAAe,CAAC,CAAA;AAAA,IACjD,EAAA,MAAA,CAAS,KAAA,EAAO;AACd,MAAA,OAAA,CAAQ,IAAA,CAAK,CAAA,gCAAA,EAAmC,GAAG,CAAA,EAAA,CAAA,EAAM,KAAK,CAAA;AAAA,IAChE;AAAA,EACF,CAAA;AAEA,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,cAAA,CAAe,SAAA,CAAU,CAAC,CAAA;AAAA,EAE5B,CAAA,EAAG,CAAC,CAAC,CAAA;AAEL,EAAA,8BAAA,CAAU,EAAA,GAAM;AAEd,IAAA,GAAA,CAAI,OAAO,OAAA,IAAW,WAAA,EAAa;AACjC,MAAA,OAAO,KAAA,CAAA;AAAA,IACT;AAEA,IAAA,MAAM,oBAAA,EAAsB,CAAA,EAAA,GAAM;AAChC,MAAA,cAAA,CAAe,SAAA,CAAU,CAAC,CAAA;AAAA,IAC5B,CAAA;AAGA,IAAA,MAAA,CAAO,gBAAA,CAAiB,SAAA,EAAW,mBAAmB,CAAA;AAGtD,IAAA,MAAA,CAAO,gBAAA,CAAiB,eAAA,EAAiB,mBAAmB,CAAA;AAE5D,IAAA,OAAO,CAAA,EAAA,GAAM;AACX,MAAA,MAAA,CAAO,mBAAA,CAAoB,SAAA,EAAW,mBAAmB,CAAA;AACzD,MAAA,MAAA,CAAO,mBAAA,CAAoB,eAAA,EAAiB,mBAAmB,CAAA;AAAA,IACjE,CAAA;AAAA,EAEF,CAAA,EAAG,CAAC,CAAC,CAAA;AAEL,EAAA,OAAO,CAAC,WAAA,EAAa,QAAQ,CAAA;AAC/B,CAAA;AD3CA;AACA;AACE;AACF,0CAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-IXBNFKOS.cjs","sourcesContent":[null,"/* 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 = (): T => {\n    // Helper to resolve initial value (handle function or direct value)\n    const resolveInitialValue = (): T => {\n      return typeof initialValue === 'function'\n        ? (initialValue as () => T)()\n        : initialValue;\n    };\n\n    // Prevent build error \"window is undefined\" but keep keep working\n    if (typeof window === 'undefined') {\n      return resolveInitialValue();\n    }\n\n    try {\n      // eslint-disable-next-line n/no-unsupported-features/node-builtins\n      const item = window.localStorage.getItem(key);\n      if (item) {\n        return JSON.parse(item) as T;\n      }\n      return resolveInitialValue();\n    } catch (error) {\n      console.warn(`Error reading localStorage key \"${key}\":`, error);\n      return resolveInitialValue();\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      return;\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      // eslint-disable-next-line n/no-unsupported-features/node-builtins\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    // Skip event listeners in SSR environment\n    if (typeof window === 'undefined') {\n      return undefined;\n    }\n\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-K5VPNWIJ.cjs

@@ -1,103 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkON3PVFZYcjs = require('./chunk-ON3PVFZY.cjs');
-
-// src/Progress/Progress.tsx
-var _progress = require('@heroui/progress');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var progressVariants = _pixelutils.tv.call(void 0, {
-  slots: {
-    // wrapper around the whole component
-    base: "",
-    // indicator of the progress (finished part)
-    indicator: "",
-    // label at the top left of the progress bar
-    label: "",
-    // wrapper around progress label and label span
-    labelWrapper: "",
-    // track of the progress (not finished part)
-    track: "",
-    // span around the progress value
-    value: ""
-  },
-  variants: {
-    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/progress.ts
-    color: {
-      danger: {
-        indicator: "bg-danger"
-      },
-      default: {
-        indicator: "bg-default-400"
-      },
-      info: {
-        indicator: "bg-info"
-      },
-      primary: {
-        indicator: "bg-primary"
-      },
-      secondary: {
-        indicator: "bg-secondary"
-      },
-      success: {
-        indicator: "bg-success"
-      },
-      warning: {
-        indicator: "bg-warning"
-      }
-    }
-  }
-});
-var defaultFormat = (percent = 0) => {
-  return `${percent}%`;
-};
-var Progress = ({
-  ariaLabel = "progress",
-  className = void 0,
-  color = "info",
-  disableAnimation = false,
-  disableFinishedState = false,
-  format = defaultFormat,
-  indeterminate = false,
-  label = void 0,
-  percent,
-  showValueLabel = false,
-  size = "md",
-  testId = void 0
-}) => {
-  const isInitialRenderCycle = _chunkON3PVFZYcjs.useIsInitialRenderCycle.call(void 0, );
-  const isFinished = percent >= 100 && !disableFinishedState;
-  let progressColor = color;
-  if (isFinished) {
-    progressColor = "success";
-  }
-  const variants = progressVariants({ color: progressColor });
-  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
-  const value = format(percent);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _progress.Progress,
-    {
-      "aria-label": ariaLabel,
-      classNames,
-      "data-testid": testId,
-      disableAnimation: isInitialRenderCycle || disableAnimation,
-      isIndeterminate: indeterminate,
-      label,
-      showValueLabel,
-      size,
-      value: percent || 0,
-      valueLabel: !!percent && value
-    }
-  );
-};
-var Progress_default = Progress;
-
-// src/Progress/index.ts
-var Progress_default2 = Progress_default;
-
-
-
-
-
-exports.progressVariants = progressVariants; exports.Progress_default = Progress_default; exports.Progress_default2 = Progress_default2;
-//# sourceMappingURL=chunk-K5VPNWIJ.cjs.map

package/dist/chunk-K5VPNWIJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-K5VPNWIJ.cjs","../src/Progress/Progress.tsx","../src/Progress/index.ts"],"names":["Progress_default"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACDA,4CAAyC;AAEzC,oDAAyC;AAsHrC,+CAAA;AAjHG,IAAM,iBAAA,EAAmB,4BAAA;AAAG,EACjC,KAAA,EAAO;AAAA;AAAA,IAEL,IAAA,EAAM,EAAA;AAAA;AAAA,IAEN,SAAA,EAAW,EAAA;AAAA;AAAA,IAEX,KAAA,EAAO,EAAA;AAAA;AAAA,IAEP,YAAA,EAAc,EAAA;AAAA;AAAA,IAEd,KAAA,EAAO,EAAA;AAAA;AAAA,IAEP,KAAA,EAAO;AAAA,EACT,CAAA;AAAA,EACA,QAAA,EAAU;AAAA;AAAA,IAER,KAAA,EAAO;AAAA,MACL,MAAA,EAAQ;AAAA,QACN,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,SAAA,EAAW;AAAA,QACT,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,SAAA,EAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AAiCD,IAAM,cAAA,EAAgB,CAAC,QAAA,EAAU,CAAA,EAAA,GAAM;AACrC,EAAA,OAAO,CAAA,EAAA;AACT;AAKM;AACJ,EAAA;AACA,EAAA;AACQ,EAAA;AACR,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACQ,EAAA;AACR,EAAA;AACA,EAAA;AACO,EAAA;AACP,EAAA;AACmB;AAEb,EAAA;AAGA,EAAA;AAGF,EAAA;AACA,EAAA;AACF,IAAA;AACF,EAAA;AAEM,EAAA;AACA,EAAA;AAEA,EAAA;AAGJ,EAAA;AAAC,IAAA;AAAA,IAAA;AACC,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AAAyB,IAAA;AAC3B,EAAA;AAEJ;AAEO;AD7CG;AACA;AExFHA;AF0FG;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-K5VPNWIJ.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Progress as HeroProgress } from '@heroui/progress';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useIsInitialRenderCycle } from '../hooks/useIsInitialRenderCycle';\n\n// progress styling variants\nexport const progressVariants = tv({\n  slots: {\n    // wrapper around the whole component\n    base: '',\n    // indicator of the progress (finished part)\n    indicator: '',\n    // label at the top left of the progress bar\n    label: '',\n    // wrapper around progress label and label span\n    labelWrapper: '',\n    // track of the progress (not finished part)\n    track: '',\n    // span around the progress value\n    value: '',\n  },\n  variants: {\n    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/progress.ts\n    color: {\n      danger: {\n        indicator: 'bg-danger',\n      },\n      default: {\n        indicator: 'bg-default-400',\n      },\n      info: {\n        indicator: 'bg-info',\n      },\n      primary: {\n        indicator: 'bg-primary',\n      },\n      secondary: {\n        indicator: 'bg-secondary',\n      },\n      success: {\n        indicator: 'bg-success',\n      },\n      warning: {\n        indicator: 'bg-warning',\n      },\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof progressVariants>;\ntype ClassName = TVClassName<typeof progressVariants>;\n\nexport interface ProgressProps extends VariantProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** color of the progress bar */\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  /** function to format the progress value */\n  format?: (percent: number) => ReactNode;\n  /** shows indeterminate progress animation */\n  indeterminate?: boolean;\n  /** label of the progress bar */\n  label?: ReactNode;\n  /** percentage / progress of the progress bar */\n  percent: number;\n  /** whether to show the value label */\n  showValueLabel?: boolean;\n  /** size of the progress bar */\n  size?: 'sm' | 'md' | 'lg';\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/** formats percent with percent sign */\nconst defaultFormat = (percent = 0) => {\n  return `${percent}%`;\n};\n\n/**\n * Progress component based on [HeroUI Progress](https://www.heroui.com//docs/components/progress)\n */\nconst Progress = ({\n  ariaLabel = 'progress',\n  className = undefined,\n  color = 'info',\n  disableAnimation = false,\n  disableFinishedState = false,\n  format = defaultFormat,\n  indeterminate = false,\n  label = undefined,\n  percent,\n  showValueLabel = false,\n  size = 'md',\n  testId = undefined,\n}: ProgressProps) => {\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 = percent >= 100 && !disableFinishedState;\n\n  // handle special states\n  let progressColor: VariantProps['color'] = color;\n  if (isFinished) {\n    progressColor = 'success';\n  }\n\n  const variants = progressVariants({ color: progressColor });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  const value = format(percent);\n\n  return (\n    <HeroProgress\n      aria-label={ariaLabel}\n      classNames={classNames}\n      data-testid={testId}\n      disableAnimation={isInitialRenderCycle || disableAnimation}\n      isIndeterminate={indeterminate}\n      label={label}\n      showValueLabel={showValueLabel}\n      size={size}\n      value={percent || 0}\n      valueLabel={!!percent && value}\n    />\n  );\n};\n\nexport default Progress;\n","import Progress, { progressVariants } from './Progress';\n\nexport type { ProgressProps } from './Progress';\n\nexport { Progress, progressVariants };\n\nexport default Progress;\n"]}

package/dist/chunk-KGNCVUGN.js

@@ -1,77 +0,0 @@
-// src/Modal/Modal.tsx
-import {
-  Modal as HeroModal,
-  ModalBody as HeroModalBody,
-  ModalContent as HeroModalContent,
-  ModalFooter as HeroModalFooter,
-  ModalHeader as HeroModalHeader
-} from "@heroui/modal";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var modalVariants = tv({
-  slots: {
-    backdrop: "",
-    base: "",
-    body: "py-4",
-    closeButton: "",
-    footer: "border-t border-t-divider",
-    header: "border-b border-b-divider",
-    wrapper: ""
-  },
-  variants: {
-    size: {
-      sm: { base: "max-w-sm" },
-      md: { base: "max-w-md" },
-      lg: { base: "max-w-lg" },
-      xl: { base: "max-w-5xl" },
-      full: { base: "h-[80dvh] max-w-full" }
-    }
-  }
-});
-var Modal = ({
-  children = null,
-  className = void 0,
-  disableAnimation = false,
-  footer = void 0,
-  header = void 0,
-  isOpen,
-  onClose,
-  portalContainer = void 0,
-  size = "md",
-  testId = void 0
-}) => {
-  const variants = modalVariants({ size });
-  const classNames = variantsToClassNames(variants, className, "base");
-  return /* @__PURE__ */ jsx(
-    HeroModal,
-    {
-      backdrop: "opaque",
-      classNames,
-      "data-testid": testId,
-      disableAnimation,
-      isOpen,
-      onClose,
-      placement: "center",
-      portalContainer,
-      scrollBehavior: "inside",
-      children: /* @__PURE__ */ jsx(HeroModalContent, { "data-testid": testId ? `modal_${testId}` : "modal", children: () => {
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          header ? /* @__PURE__ */ jsx(HeroModalHeader, { children: header }) : null,
-          /* @__PURE__ */ jsx(HeroModalBody, { id: "modal_body", children }),
-          footer ? /* @__PURE__ */ jsx(HeroModalFooter, { children: footer }) : null
-        ] });
-      } })
-    }
-  );
-};
-var Modal_default = Modal;
-
-// src/Modal/index.ts
-var Modal_default2 = Modal_default;
-
-export {
-  modalVariants,
-  Modal_default,
-  Modal_default2
-};
-//# sourceMappingURL=chunk-KGNCVUGN.js.map

package/dist/chunk-KGNCVUGN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Modal/Modal.tsx","../src/Modal/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ModalProps as HeroModalProps } from '@heroui/modal';\nimport type { ReactNode } from 'react';\n\nimport {\n  Modal as HeroModal,\n  ModalBody as HeroModalBody,\n  ModalContent as HeroModalContent,\n  ModalFooter as HeroModalFooter,\n  ModalHeader as HeroModalHeader,\n} from '@heroui/modal';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\n// modal variants\nexport const modalVariants = tv({\n  slots: {\n    backdrop: '',\n    base: '',\n    body: 'py-4',\n    closeButton: '',\n    footer: 'border-t border-t-divider',\n    header: 'border-b border-b-divider',\n    wrapper: '',\n  },\n  variants: {\n    size: {\n      sm: { base: 'max-w-sm' },\n      md: { base: 'max-w-md' },\n      lg: { base: 'max-w-lg' },\n      xl: { base: 'max-w-5xl' },\n      full: { base: 'h-[80dvh] max-w-full' },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof modalVariants>;\ntype ClassName = TVClassName<typeof modalVariants>;\n\nexport interface ModalProps extends VariantProps {\n  /** modal body content */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Disable animations completely */\n  disableAnimation?: boolean;\n  /** modal footer */\n  footer?: ReactNode;\n  /** modal header */\n  header?: ReactNode;\n  /** open state (controlled) */\n  isOpen: boolean;\n  /** close event handler */\n  onClose: () => void;\n  /** The container element in which the overlay portal will be placed */\n  portalContainer?: HeroModalProps['portalContainer'];\n  /** modal size */\n  size?: VariantProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Modal component based on [HeroUI Modal](https://www.heroui.com//docs/components/modal)\n */\nconst Modal = ({\n  children = null,\n  className = undefined,\n  disableAnimation = false,\n  footer = undefined,\n  header = undefined,\n  isOpen,\n  onClose,\n  portalContainer = undefined,\n  size = 'md',\n  testId = undefined,\n}: ModalProps) => {\n  // classNames from slots\n  const variants = modalVariants({ size });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <HeroModal\n      backdrop=\"opaque\"\n      classNames={classNames}\n      data-testid={testId}\n      disableAnimation={disableAnimation}\n      isOpen={isOpen}\n      onClose={onClose}\n      placement=\"center\"\n      portalContainer={portalContainer}\n      scrollBehavior=\"inside\"\n    >\n      <HeroModalContent data-testid={testId ? `modal_${testId}` : 'modal'}>\n        {() => {\n          return (\n            <>\n              {header ? <HeroModalHeader>{header}</HeroModalHeader> : null}\n              <HeroModalBody id=\"modal_body\">{children}</HeroModalBody>\n              {footer ? <HeroModalFooter>{footer}</HeroModalFooter> : null}\n            </>\n          );\n        }}\n      </HeroModalContent>\n    </HeroModal>\n  );\n};\n\nexport default Modal;\n","import Modal, { modalVariants } from './Modal';\n\nexport type { ModalProps } from './Modal';\n\nexport { Modal, modalVariants };\n\nexport default Modal;\n"],"mappings":";AAIA;AAAA,EACE,SAAS;AAAA,EACT,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,eAAe;AAAA,OACV;AAEP,SAAS,IAAI,4BAA4B;AAoF7B,mBACY,KADZ;AAjFL,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,WAAW;AAAA,MACvB,IAAI,EAAE,MAAM,YAAY;AAAA,MACxB,MAAM,EAAE,MAAM,uBAAuB;AAAA,IACvC;AAAA,EACF;AACF,CAAC;AA+BD,IAAM,QAAQ,CAAC;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,OAAO;AAAA,EACP,SAAS;AACX,MAAkB;AAEhB,QAAM,WAAW,cAAc,EAAE,KAAK,CAAC;AACvC,QAAM,aAAa,qBAAqB,UAAU,WAAW,MAAM;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACV;AAAA,MACA,gBAAe;AAAA,MAEf,8BAAC,oBAAiB,eAAa,SAAS,SAAS,MAAM,KAAK,SACzD,gBAAM;AACL,eACE,iCACG;AAAA,mBAAS,oBAAC,mBAAiB,kBAAO,IAAqB;AAAA,UACxD,oBAAC,iBAAc,IAAG,cAAc,UAAS;AAAA,UACxC,SAAS,oBAAC,mBAAiB,kBAAO,IAAqB;AAAA,WAC1D;AAAA,MAEJ,GACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ;;;ACtGf,IAAOA,iBAAQ;","names":["Modal_default"]}

package/dist/chunk-LUAK6GQG.cjs

@@ -1,113 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
-
-// src/Alert/Alert.tsx
-var _alert = require('@heroui/alert');
-var _theme = require('@heroui/theme');
-var _pixelutils = require('@fuf-stack/pixel-utils');
-var _jsxruntime = require('react/jsx-runtime');
-var alertVariants = _pixelutils.tv.call(void 0, {
-  slots: {
-    base: "min-w-72",
-    title: "",
-    description: "",
-    mainWrapper: "gap-1.5",
-    closeButton: "",
-    iconWrapper: "",
-    alertIcon: ""
-  },
-  variants: {
-    // if HeroUI Alert title and description are set the icon is placed on top (looks better)
-    hasTitleAndChildren: {
-      true: {
-        iconWrapper: "self-start"
-      }
-    },
-    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts
-    color: _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {
-      info: {
-        mainWrapper: "text-inherit",
-        title: "text-inherit",
-        description: "text-inherit"
-      }
-    }, _theme.alert.variants.color),
-    // only 2 variants: solid and bordered (bordered uses HeroUI's faded variant)
-    variant: {
-      bordered: _theme.alert.variants.variant.faded,
-      solid: _theme.alert.variants.variant.solid
-    }
-  },
-  compoundVariants: [
-    {
-      color: "info",
-      variant: "solid",
-      className: {
-        base: "bg-info text-info-foreground",
-        alertIcon: "text-info-foreground",
-        closeButton: "text-inherit"
-      }
-    },
-    {
-      color: "info",
-      variant: "bordered",
-      className: {
-        alertIcon: "fill-current",
-        base: "dark:bg-info-50/50 border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100",
-        closeButton: "text-info-500 data-[hover]:bg-info-200",
-        iconWrapper: "border-info-100 bg-info-50 dark:bg-info-100"
-      }
-    }
-  ]
-});
-var Alert = ({
-  children = void 0,
-  className = void 0,
-  color = "primary",
-  endContent = void 0,
-  icon = void 0,
-  closable = false,
-  onClose = void 0,
-  showIcon = true,
-  testId = void 0,
-  title = void 0,
-  variant = "bordered"
-}) => {
-  const hasTitleAndChildren = !!children && !!title;
-  const variants = alertVariants({
-    hasTitleAndChildren,
-    color,
-    variant
-  });
-  const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, className, "base");
-  const heroColor = Object.keys(_theme.alert.variants.color).includes(
-    color
-  ) ? color : void 0;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _alert.Alert,
-    {
-      classNames,
-      color: heroColor,
-      "data-testid": testId,
-      description: title ? children : void 0,
-      endContent,
-      hideIcon: !showIcon,
-      icon,
-      isClosable: closable,
-      onClose,
-      title: title != null ? title : children,
-      variant
-    }
-  );
-};
-var Alert_default = Alert;
-
-// src/Alert/index.ts
-var Alert_default2 = Alert_default;
-
-
-
-
-
-exports.alertVariants = alertVariants; exports.Alert_default = Alert_default; exports.Alert_default2 = Alert_default2;
-//# sourceMappingURL=chunk-LUAK6GQG.cjs.map

package/dist/chunk-LUAK6GQG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-LUAK6GQG.cjs","../src/Alert/Alert.tsx","../src/Alert/index.ts"],"names":["Alert_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-LUAK6GQG.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as HeroAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as HeroAlert } from '@heroui/alert';\nimport { alert as heroAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n  slots: {\n    base: 'min-w-72',\n    title: '',\n    description: '',\n    mainWrapper: 'gap-1.5',\n    closeButton: '',\n    iconWrapper: '',\n    alertIcon: '',\n  },\n  variants: {\n    // if HeroUI Alert title and description are set the icon is placed on top (looks better)\n    hasTitleAndChildren: {\n      true: {\n        iconWrapper: 'self-start',\n      },\n    },\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n    color: {\n      info: {\n        mainWrapper: 'text-inherit',\n        title: 'text-inherit',\n        description: 'text-inherit',\n      },\n      ...heroAlertVariants.variants.color,\n    },\n    // only 2 variants: solid and bordered (bordered uses HeroUI's faded variant)\n    variant: {\n      bordered: heroAlertVariants.variants.variant.faded,\n      solid: heroAlertVariants.variants.variant.solid,\n    },\n  },\n  compoundVariants: [\n    {\n      color: 'info',\n      variant: 'solid',\n      className: {\n        base: 'bg-info text-info-foreground',\n        alertIcon: 'text-info-foreground',\n        closeButton: 'text-inherit',\n      },\n    },\n    {\n      color: 'info',\n      variant: 'bordered',\n      className: {\n        alertIcon: 'fill-current',\n        base: 'dark:bg-info-50/50 border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n      },\n    },\n  ],\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\n// hasTitleAndChildren is omitted because its used for automatic icon position\nexport interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {\n  /** Content displayed inside the Alert if no description is given! */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Color scheme of the Alert */\n  color?: VariantProps['color'];\n  /** Content displayed at the end of the Alert */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the Alert */\n  icon?: ReactNode;\n  /** Whether the Alert can be closed */\n  closable?: boolean;\n  /** Callback fired when the close button is clicked */\n  onClose?: () => void;\n  /** Whether to show the icon at the start */\n  showIcon?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Title displayed in the Alert above the content */\n  title?: ReactNode;\n  /** Style variant of the Alert */\n  variant?: VariantProps['variant'];\n}\n\n/**\n * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)\n */\nconst Alert = ({\n  children = undefined,\n  className = undefined,\n  color = 'primary',\n  endContent = undefined,\n  icon = undefined,\n  closable = false,\n  onClose = undefined,\n  showIcon = true,\n  testId = undefined,\n  title = undefined,\n  variant = 'bordered',\n}: AlertProps) => {\n  const hasTitleAndChildren = !!children && !!title;\n  const variants = alertVariants({\n    hasTitleAndChildren,\n    color,\n    variant,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // pass color prop for heroui colors\n  const heroColor = Object.keys(heroAlertVariants.variants.color).includes(\n    color,\n  )\n    ? (color as HeroAlertProps['color'])\n    : undefined;\n\n  return (\n    <HeroAlert\n      classNames={classNames}\n      color={heroColor}\n      data-testid={testId}\n      description={title ? children : undefined}\n      endContent={endContent}\n      hideIcon={!showIcon}\n      icon={icon}\n      // map closable to isClosable, because of we do not want \"is\" as prefix\n      isClosable={closable}\n      onClose={onClose}\n      title={(title ?? children) as string}\n      variant={variant}\n    />\n  );\n};\n\nexport default Alert;\n","import Alert, { alertVariants } from './Alert';\n\nexport type { AlertProps } from './Alert';\n\nexport { Alert, alertVariants };\n\nexport default Alert;\n"]}

package/dist/chunk-M3Y2DZZE.js

@@ -1,62 +0,0 @@
-// src/hooks/useLocalStorage/useLocalStorage.ts
-import { useEffect, useState } from "react";
-var useLocalStorage = (key, initialValue) => {
-  const readValue = () => {
-    const resolveInitialValue = () => {
-      return typeof initialValue === "function" ? initialValue() : initialValue;
-    };
-    if (typeof window === "undefined") {
-      return resolveInitialValue();
-    }
-    try {
-      const item = window.localStorage.getItem(key);
-      if (item) {
-        return JSON.parse(item);
-      }
-      return resolveInitialValue();
-    } catch (error) {
-      console.warn(`Error reading localStorage key "${key}":`, error);
-      return resolveInitialValue();
-    }
-  };
-  const [storedValue, setStoredValue] = useState(readValue);
-  const setValue = (value) => {
-    if (typeof window === "undefined") {
-      console.warn(
-        `Tried setting localStorage key "${key}" even though environment is not a client`
-      );
-      return;
-    }
-    try {
-      const newValue = value instanceof Function ? value(storedValue) : value;
-      window.localStorage.setItem(key, JSON.stringify(newValue));
-      setStoredValue(newValue);
-      window.dispatchEvent(new Event("local-storage"));
-    } catch (error) {
-      console.warn(`Error setting localStorage key "${key}":`, error);
-    }
-  };
-  useEffect(() => {
-    setStoredValue(readValue());
-  }, []);
-  useEffect(() => {
-    if (typeof window === "undefined") {
-      return void 0;
-    }
-    const handleStorageChange = () => {
-      setStoredValue(readValue());
-    };
-    window.addEventListener("storage", handleStorageChange);
-    window.addEventListener("local-storage", handleStorageChange);
-    return () => {
-      window.removeEventListener("storage", handleStorageChange);
-      window.removeEventListener("local-storage", handleStorageChange);
-    };
-  }, []);
-  return [storedValue, setValue];
-};
-
-export {
-  useLocalStorage
-};
-//# sourceMappingURL=chunk-M3Y2DZZE.js.map