@kuzenbo/core 0.0.2 → 0.0.4

package/dist/ui/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","names":["PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive","PopoverPrimitive"],"sources":["../../src/ui/popover/popover-arrow.tsx","../../src/ui/popover/popover-backdrop.tsx","../../src/ui/popover/popover-close.tsx","../../src/ui/popover/popover-size-context.ts","../../src/ui/popover/popover-popup.tsx","../../src/ui/popover/popover-portal.tsx","../../src/ui/popover/popover-positioner.tsx","../../src/ui/popover/popover-viewport.tsx","../../src/ui/popover/popover-content.tsx","../../src/ui/popover/popover-description.tsx","../../src/ui/popover/popover-header.tsx","../../src/ui/popover/popover-title.tsx","../../src/ui/popover/popover-trigger.tsx","../../src/ui/popover/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PopoverArrowProps = PopoverPrimitive.Arrow.Props;\n\nconst PopoverArrow = ({ className, ...props }: PopoverArrowProps) => (\n  <PopoverPrimitive.Arrow\n    className={cn(\n      \"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-popover fill-popover data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\",\n      className\n    )}\n    data-slot=\"popover-arrow\"\n    {...props}\n  />\n);\n\nexport { PopoverArrow };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PopoverBackdropProps = PopoverPrimitive.Backdrop.Props;\n\nconst PopoverBackdrop = ({ className, ...props }: PopoverBackdropProps) => (\n  <PopoverPrimitive.Backdrop\n    className={cn(\n      \"fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 supports-backdrop-filter:backdrop-blur-xs\",\n      className\n    )}\n    data-slot=\"popover-backdrop\"\n    {...props}\n  />\n);\n\nexport { PopoverBackdrop };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nexport type PopoverCloseProps = PopoverPrimitive.Close.Props;\n\nconst PopoverClose = ({ ...props }: PopoverCloseProps) => (\n  <PopoverPrimitive.Close data-slot=\"popover-close\" {...props} />\n);\n\nexport { PopoverClose };\n","import type { UISize } from \"../shared/size/size-system\";\n\nimport { createSizeContext } from \"../shared/size/size-context\";\n\nexport type PopoverSize = UISize;\n\nconst {\n  SizeContext: PopoverSizeContext,\n  useResolvedSize: useResolvedPopoverSize,\n} = createSizeContext();\n\nexport { PopoverSizeContext, useResolvedPopoverSize };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { PopoverSize } from \"./popover-size-context\";\n\nimport { useResolvedPopoverSize } from \"./popover-size-context\";\n\nconst popoverPopupVariants = tv({\n  base: \"z-50 flex origin-(--transform-origin) flex-col bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n  variants: {\n    size: {\n      xs: \"w-64 gap-1.5 rounded-[min(var(--radius-md),8px)] p-2 text-xs\",\n      sm: \"w-72 gap-2 rounded-[min(var(--radius-md),10px)] p-3 text-sm\",\n      md: \"w-80 gap-3 rounded-md p-4 text-sm\",\n      lg: \"w-96 gap-3.5 rounded-md p-5 text-sm\",\n      xl: \"w-[28rem] gap-4 rounded-md p-6 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype PopoverPopupVariantProps = Omit<\n  VariantProps<typeof popoverPopupVariants>,\n  \"size\"\n> & {\n  size?: PopoverSize;\n};\n\nexport type PopoverPopupProps = PopoverPrimitive.Popup.Props &\n  PopoverPopupVariantProps;\n\nconst PopoverPopup = ({ className, size, ...props }: PopoverPopupProps) => {\n  const resolvedSize = useResolvedPopoverSize(size);\n\n  return (\n    <PopoverPrimitive.Popup\n      className={cn(popoverPopupVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"popover-popup\"\n      {...props}\n    />\n  );\n};\n\nexport { PopoverPopup };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nexport type PopoverPortalProps = PopoverPrimitive.Portal.Props;\n\nconst PopoverPortal = ({ ...props }: PopoverPortalProps) => (\n  <PopoverPrimitive.Portal data-slot=\"popover-portal\" {...props} />\n);\n\nexport { PopoverPortal };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PopoverPositionerProps = PopoverPrimitive.Positioner.Props;\n\nconst PopoverPositioner = ({ className, ...props }: PopoverPositionerProps) => (\n  <PopoverPrimitive.Positioner\n    className={cn(\"isolate z-50\", className)}\n    data-slot=\"popover-positioner\"\n    {...props}\n  />\n);\n\nexport { PopoverPositioner };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nexport type PopoverViewportProps = PopoverPrimitive.Viewport.Props;\n\nconst PopoverViewport = ({ ...props }: PopoverViewportProps) => (\n  <PopoverPrimitive.Viewport data-slot=\"popover-viewport\" {...props} />\n);\n\nexport { PopoverViewport };\n","\"use client\";\n\nimport type { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nimport { PopoverPopup } from \"./popover-popup\";\nimport { PopoverPortal } from \"./popover-portal\";\nimport { PopoverPositioner } from \"./popover-positioner\";\nimport {\n  useResolvedPopoverSize,\n  type PopoverSize,\n} from \"./popover-size-context\";\nimport { PopoverViewport } from \"./popover-viewport\";\nexport type PopoverContentProps = PopoverPrimitive.Popup.Props &\n  Pick<\n    PopoverPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  > & {\n    size?: PopoverSize;\n  };\n\nconst PopoverContent = ({\n  className,\n  align = \"center\",\n  alignOffset = 0,\n  side = \"bottom\",\n  sideOffset = 4,\n  size,\n  children,\n  ...props\n}: PopoverContentProps) => {\n  const resolvedSize = useResolvedPopoverSize(size);\n\n  return (\n    <PopoverPortal>\n      <PopoverPositioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n      >\n        <PopoverPopup\n          className={className}\n          data-size={resolvedSize}\n          data-slot=\"popover-content\"\n          size={resolvedSize}\n          {...props}\n        >\n          <PopoverViewport>{children}</PopoverViewport>\n        </PopoverPopup>\n      </PopoverPositioner>\n    </PopoverPortal>\n  );\n};\n\nexport { PopoverContent };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\nexport type PopoverDescriptionProps = PopoverPrimitive.Description.Props;\n\nconst PopoverDescription = ({\n  className,\n  ...props\n}: PopoverDescriptionProps) => (\n  <PopoverPrimitive.Description\n    className={cn(\"text-muted-foreground\", className)}\n    data-slot=\"popover-description\"\n    {...props}\n  />\n);\n\nexport { PopoverDescription };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type PopoverHeaderProps = ComponentProps<\"div\">;\n\nconst PopoverHeader = ({ className, ...props }: PopoverHeaderProps) => (\n  <div\n    className={cn(\"flex flex-col gap-0.5 text-sm\", className)}\n    data-slot=\"popover-header\"\n    {...props}\n  />\n);\n\nexport { PopoverHeader };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\nexport type PopoverTitleProps = PopoverPrimitive.Title.Props;\n\nconst PopoverTitle = ({ className, ...props }: PopoverTitleProps) => (\n  <PopoverPrimitive.Title\n    className={cn(\"font-medium\", className)}\n    data-slot=\"popover-title\"\n    {...props}\n  />\n);\n\nexport { PopoverTitle };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\nimport { cn } from \"tailwind-variants\";\nexport type PopoverTriggerProps = PopoverPrimitive.Trigger.Props;\n\nconst PopoverTrigger = ({ className, ...props }: PopoverTriggerProps) => (\n  <PopoverPrimitive.Trigger\n    className={cn(\"cursor-pointer\", className)}\n    data-slot=\"popover-trigger\"\n    {...props}\n  />\n);\n\nexport { PopoverTrigger };\n","\"use client\";\n\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { PopoverArrow } from \"./popover-arrow\";\nimport { PopoverBackdrop } from \"./popover-backdrop\";\nimport { PopoverClose } from \"./popover-close\";\nimport { PopoverContent } from \"./popover-content\";\nimport { PopoverDescription } from \"./popover-description\";\nimport { PopoverHeader } from \"./popover-header\";\nimport { PopoverPopup } from \"./popover-popup\";\nimport { PopoverPortal } from \"./popover-portal\";\nimport { PopoverPositioner } from \"./popover-positioner\";\nimport { PopoverSizeContext, type PopoverSize } from \"./popover-size-context\";\nimport { PopoverTitle } from \"./popover-title\";\nimport { PopoverTrigger } from \"./popover-trigger\";\nimport { PopoverViewport } from \"./popover-viewport\";\nexport type PopoverProps = PopoverPrimitive.Root.Props & {\n  size?: PopoverSize;\n};\n\nconst Popover = ({ size: providedSize, ...props }: PopoverProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <PopoverSizeContext.Provider value={{ size }}>\n      <PopoverPrimitive.Root data-size={size} data-slot=\"popover\" {...props} />\n    </PopoverSizeContext.Provider>\n  );\n};\n\nPopover.Content = PopoverContent;\nPopover.Description = PopoverDescription;\nPopover.Header = PopoverHeader;\nPopover.Arrow = PopoverArrow;\nPopover.Backdrop = PopoverBackdrop;\nPopover.Close = PopoverClose;\nPopover.Popup = PopoverPopup;\nPopover.Portal = PopoverPortal;\nPopover.Positioner = PopoverPositioner;\nPopover.Title = PopoverTitle;\nPopover.Trigger = PopoverTrigger;\nPopover.Viewport = PopoverViewport;\n\nexport type { PopoverArrowProps } from \"./popover-arrow\";\nexport type { PopoverBackdropProps } from \"./popover-backdrop\";\nexport type { PopoverCloseProps } from \"./popover-close\";\nexport type { PopoverPopupProps } from \"./popover-popup\";\nexport type { PopoverPortalProps } from \"./popover-portal\";\nexport type { PopoverPositionerProps } from \"./popover-positioner\";\nexport type { PopoverViewportProps } from \"./popover-viewport\";\n\nexport {\n  Popover,\n  PopoverArrow,\n  PopoverBackdrop,\n  PopoverClose,\n  PopoverContent,\n  PopoverDescription,\n  PopoverHeader,\n  PopoverPopup,\n  PopoverPortal,\n  PopoverPositioner,\n  PopoverTitle,\n  PopoverTrigger,\n  PopoverViewport,\n};\n\nexport type { PopoverContentProps } from \"./popover-content\";\nexport type { PopoverDescriptionProps } from \"./popover-description\";\nexport type { PopoverHeaderProps } from \"./popover-header\";\nexport type { PopoverSize } from \"./popover-size-context\";\nexport type { PopoverTitleProps } from \"./popover-title\";\nexport type { PopoverTriggerProps } from \"./popover-trigger\";\n"],"mappings":";;;;;;;;;AAOA,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAACA,UAAiB;CAChB,WAAW,GACT,mUACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,mBAAmB,EAAE,WAAW,GAAG,YACvC,oBAACC,UAAiB;CAChB,WAAW,GACT,yLACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACTJ,MAAM,gBAAgB,EAAE,GAAG,YACzB,oBAACC,UAAiB;CAAM,aAAU;CAAgB,GAAI;EAAS;;;;ACDjE,MAAM,EACJ,aAAa,oBACb,iBAAiB,2BACf,mBAAmB;;;;ACAvB,MAAM,uBAAuB,GAAG;CAC9B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAYF,MAAM,gBAAgB,EAAE,WAAW,MAAM,GAAG,YAA+B;CACzE,MAAM,eAAe,uBAAuB,KAAK;AAEjD,QACE,oBAACC,UAAiB;EAChB,WAAW,GAAG,qBAAqB,EAAE,MAAM,cAAc,CAAC,EAAE,UAAU;EACtE,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACtCN,MAAM,iBAAiB,EAAE,GAAG,YAC1B,oBAACC,UAAiB;CAAO,aAAU;CAAiB,GAAI;EAAS;;;;ACAnE,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAACC,UAAiB;CAChB,WAAW,GAAG,gBAAgB,UAAU;CACxC,aAAU;CACV,GAAI;EACJ;;;;ACNJ,MAAM,mBAAmB,EAAE,GAAG,YAC5B,oBAACC,UAAiB;CAAS,aAAU;CAAmB,GAAI;EAAS;;;;ACavE,MAAM,kBAAkB,EACtB,WACA,QAAQ,UACR,cAAc,GACd,OAAO,UACP,aAAa,GACb,MACA,UACA,GAAG,YACsB;CACzB,MAAM,eAAe,uBAAuB,KAAK;AAEjD,QACE,oBAAC,2BACC,oBAAC;EACQ;EACM;EACP;EACM;YAEZ,oBAAC;GACY;GACX,aAAW;GACX,aAAU;GACV,MAAM;GACN,GAAI;aAEJ,oBAAC,mBAAiB,WAA2B;IAChC;GACG,GACN;;;;;AC5CpB,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,oBAACC,UAAiB;CAChB,WAAW,GAAG,yBAAyB,UAAU;CACjD,aAAU;CACV,GAAI;EACJ;;;;ACTJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAAC;CACC,WAAW,GAAG,iCAAiC,UAAU;CACzD,aAAU;CACV,GAAI;EACJ;;;;ACJJ,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAACC,UAAiB;CAChB,WAAW,GAAG,eAAe,UAAU;CACvC,aAAU;CACV,GAAI;EACJ;;;;ACLJ,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACC,UAAiB;CAChB,WAAW,GAAG,kBAAkB,UAAU;CAC1C,aAAU;CACV,GAAI;EACJ;;;;ACWJ,MAAM,WAAW,EAAE,MAAM,cAAc,GAAG,YAA0B;CAClE,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,mBAAmB;EAAS,OAAO,EAAE,MAAM;YAC1C,oBAACC,UAAiB;GAAK,aAAW;GAAM,aAAU;GAAU,GAAI;IAAS;GAC7C;;AAIlC,QAAQ,UAAU;AAClB,QAAQ,cAAc;AACtB,QAAQ,SAAS;AACjB,QAAQ,QAAQ;AAChB,QAAQ,WAAW;AACnB,QAAQ,QAAQ;AAChB,QAAQ,QAAQ;AAChB,QAAQ,SAAS;AACjB,QAAQ,aAAa;AACrB,QAAQ,QAAQ;AAChB,QAAQ,UAAU;AAClB,QAAQ,WAAW"}

package/dist/ui/portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.d.ts","names":[],"sources":["../../src/ui/portal/portal.tsx"],"mappings":";;;;KAiCY,eAAA,GAAkB,wBAAA;;;AAA9B;EAIE,MAAA,GAAS,WAAA,YAAuB,SAAA,CAAU,WAAA;;;;;EAK1C,eAAA;AAAA;AAAA,KAGU,WAAA,GAAc,eAAA;EAZI;;;EAgB5B,QAAA,EAAU,SAAA;AAAA;AAAA,cAwCC,MAAA;EAAU,QAAA;EAAA,MAAA;EAAA,eAAA;EAAA,GAAA;AAAA,GAKpB,WAAA,KAAW,KAAA,CAAA,WAAA"}

package/dist/ui/portal.js

@@ -0,0 +1,53 @@
+"use client";
+
+import { useRef, useState } from "react";
+import { useIsomorphicEffect } from "@kuzenbo/hooks/use-isomorphic-effect";
+import { createPortal } from "react-dom";
+
+//#region src/ui/portal/portal.tsx
+const createPortalNode = (props) => {
+	const node = document.createElement("div");
+	node.dataset.portal = "true";
+	if (typeof props.className === "string") node.classList.add(...props.className.split(" ").filter(Boolean));
+	if (typeof props.style === "object" && props.style) Object.assign(node.style, props.style);
+	if (typeof props.id === "string") node.setAttribute("id", props.id);
+	return node;
+};
+const getTargetNode = ({ target, reuseTargetNode, ...others }) => {
+	if (target) {
+		if (typeof target === "string") return document.querySelector(target) ?? createPortalNode(others);
+		if ("current" in target) return target.current ?? createPortalNode(others);
+		if (target instanceof HTMLElement) return target;
+	}
+	if (reuseTargetNode) {
+		const existingNode = document.querySelector("[data-labs-shared-portal-node]");
+		if (existingNode) return existingNode;
+		const node = createPortalNode(others);
+		node.dataset.labsSharedPortalNode = "true";
+		document.body.append(node);
+		return node;
+	}
+	return createPortalNode(others);
+};
+const Portal = ({ children, target, reuseTargetNode = true, ...others }) => {
+	const [mounted, setMounted] = useState(false);
+	const nodeRef = useRef(null);
+	useIsomorphicEffect(() => {
+		setMounted(true);
+		nodeRef.current = getTargetNode({
+			target,
+			reuseTargetNode,
+			...others
+		});
+		if (!(target || reuseTargetNode) && nodeRef.current) document.body.append(nodeRef.current);
+		return () => {
+			if (!(target || reuseTargetNode) && nodeRef.current) nodeRef.current.remove();
+		};
+	}, [target, reuseTargetNode]);
+	if (!(mounted && nodeRef.current)) return null;
+	return createPortal(children, nodeRef.current);
+};
+
+//#endregion
+export { Portal };
+//# sourceMappingURL=portal.js.map

package/dist/ui/portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.js","names":[],"sources":["../../src/ui/portal/portal.tsx"],"sourcesContent":["\"use client\";\n\nimport { useIsomorphicEffect } from \"@kuzenbo/hooks/use-isomorphic-effect\";\nimport {\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n  type RefObject,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nconst createPortalNode = (\n  props: ComponentPropsWithoutRef<\"div\">\n): HTMLElement => {\n  const node = document.createElement(\"div\");\n  node.dataset.portal = \"true\";\n\n  if (typeof props.className === \"string\") {\n    node.classList.add(...props.className.split(\" \").filter(Boolean));\n  }\n\n  if (typeof props.style === \"object\" && props.style) {\n    Object.assign(node.style, props.style);\n  }\n\n  if (typeof props.id === \"string\") {\n    node.setAttribute(\"id\", props.id);\n  }\n\n  return node;\n};\n\nexport type BasePortalProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * Element inside which portal should be created, by default a new div element is created and appended to the `document.body`\n   */\n  target?: HTMLElement | string | RefObject<HTMLElement | null>;\n  /**\n   * If set, all portals are rendered in the same DOM node\n   * @default true\n   */\n  reuseTargetNode?: boolean;\n};\n\nexport type PortalProps = BasePortalProps & {\n  /**\n   * Portal children, for example, custom modal or popover\n   */\n  children: ReactNode;\n};\n\nconst getTargetNode = ({\n  target,\n  reuseTargetNode,\n  ...others\n}: BasePortalProps): HTMLElement | null => {\n  if (target) {\n    if (typeof target === \"string\") {\n      return (\n        document.querySelector<HTMLElement>(target) ?? createPortalNode(others)\n      );\n    }\n    // Handle React refs\n    if (\"current\" in target) {\n      return target.current ?? createPortalNode(others);\n    }\n    // Handle HTMLElement directly\n    if (target instanceof HTMLElement) {\n      return target;\n    }\n  }\n\n  if (reuseTargetNode) {\n    const existingNode = document.querySelector<HTMLElement>(\n      \"[data-labs-shared-portal-node]\"\n    );\n    if (existingNode) {\n      return existingNode;\n    }\n    const node = createPortalNode(others);\n    node.dataset.labsSharedPortalNode = \"true\";\n    document.body.append(node);\n    return node;\n  }\n\n  return createPortalNode(others);\n};\n\nexport const Portal = ({\n  children,\n  target,\n  reuseTargetNode = true,\n  ...others\n}: PortalProps) => {\n  const [mounted, setMounted] = useState(false);\n  const nodeRef = useRef<HTMLElement | null>(null);\n\n  useIsomorphicEffect(() => {\n    setMounted(true);\n    nodeRef.current = getTargetNode({ target, reuseTargetNode, ...others });\n\n    if (!(target || reuseTargetNode) && nodeRef.current) {\n      document.body.append(nodeRef.current);\n    }\n\n    return () => {\n      if (!(target || reuseTargetNode) && nodeRef.current) {\n        nodeRef.current.remove();\n      }\n    };\n  }, [target, reuseTargetNode]);\n\n  if (!(mounted && nodeRef.current)) {\n    return null;\n  }\n\n  return createPortal(children, nodeRef.current);\n};\n"],"mappings":";;;;;;;AAYA,MAAM,oBACJ,UACgB;CAChB,MAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,MAAK,QAAQ,SAAS;AAEtB,KAAI,OAAO,MAAM,cAAc,SAC7B,MAAK,UAAU,IAAI,GAAG,MAAM,UAAU,MAAM,IAAI,CAAC,OAAO,QAAQ,CAAC;AAGnE,KAAI,OAAO,MAAM,UAAU,YAAY,MAAM,MAC3C,QAAO,OAAO,KAAK,OAAO,MAAM,MAAM;AAGxC,KAAI,OAAO,MAAM,OAAO,SACtB,MAAK,aAAa,MAAM,MAAM,GAAG;AAGnC,QAAO;;AAsBT,MAAM,iBAAiB,EACrB,QACA,iBACA,GAAG,aACsC;AACzC,KAAI,QAAQ;AACV,MAAI,OAAO,WAAW,SACpB,QACE,SAAS,cAA2B,OAAO,IAAI,iBAAiB,OAAO;AAI3E,MAAI,aAAa,OACf,QAAO,OAAO,WAAW,iBAAiB,OAAO;AAGnD,MAAI,kBAAkB,YACpB,QAAO;;AAIX,KAAI,iBAAiB;EACnB,MAAM,eAAe,SAAS,cAC5B,iCACD;AACD,MAAI,aACF,QAAO;EAET,MAAM,OAAO,iBAAiB,OAAO;AACrC,OAAK,QAAQ,uBAAuB;AACpC,WAAS,KAAK,OAAO,KAAK;AAC1B,SAAO;;AAGT,QAAO,iBAAiB,OAAO;;AAGjC,MAAa,UAAU,EACrB,UACA,QACA,kBAAkB,MAClB,GAAG,aACc;CACjB,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,UAAU,OAA2B,KAAK;AAEhD,2BAA0B;AACxB,aAAW,KAAK;AAChB,UAAQ,UAAU,cAAc;GAAE;GAAQ;GAAiB,GAAG;GAAQ,CAAC;AAEvE,MAAI,EAAE,UAAU,oBAAoB,QAAQ,QAC1C,UAAS,KAAK,OAAO,QAAQ,QAAQ;AAGvC,eAAa;AACX,OAAI,EAAE,UAAU,oBAAoB,QAAQ,QAC1C,SAAQ,QAAQ,QAAQ;;IAG3B,CAAC,QAAQ,gBAAgB,CAAC;AAE7B,KAAI,EAAE,WAAW,QAAQ,SACvB,QAAO;AAGT,QAAO,aAAa,UAAU,QAAQ,QAAQ"}

package/dist/ui/preview-card.d.ts

@@ -0,0 +1,113 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { PreviewCard as PreviewCard$1 } from "@base-ui/react/preview-card";
+
+//#region src/ui/preview-card/preview-card-arrow.d.ts
+type PreviewCardArrowProps = PreviewCard$1.Arrow.Props;
+declare const PreviewCardArrow: ({
+  className,
+  ...props
+}: PreviewCardArrowProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/preview-card/preview-card-backdrop.d.ts
+type PreviewCardBackdropProps = PreviewCard$1.Backdrop.Props;
+declare const PreviewCardBackdrop: ({
+  className,
+  ...props
+}: PreviewCardBackdropProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/preview-card/preview-card-content.d.ts
+type PreviewCardContentProps = PreviewCard$1.Popup.Props & Pick<PreviewCard$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset"> & {
+  showArrow?: boolean;
+};
+declare const PreviewCardContent: ({
+  className,
+  side,
+  sideOffset,
+  align,
+  alignOffset,
+  showArrow,
+  children,
+  ...props
+}: PreviewCardContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/preview-card/preview-card-popup.d.ts
+type PreviewCardPopupProps = PreviewCard$1.Popup.Props;
+declare const PreviewCardPopup: ({
+  className,
+  ...props
+}: PreviewCardPopupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/preview-card/preview-card-portal.d.ts
+type PreviewCardPortalProps = PreviewCard$1.Portal.Props;
+declare const PreviewCardPortal: ({
+  ...props
+}: PreviewCardPortalProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/preview-card/preview-card-positioner.d.ts
+type PreviewCardPositionerProps = PreviewCard$1.Positioner.Props;
+declare const PreviewCardPositioner: ({
+  className,
+  ...props
+}: PreviewCardPositionerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/preview-card/preview-card-trigger.d.ts
+type PreviewCardTriggerProps = PreviewCard$1.Trigger.Props;
+declare const PreviewCardTrigger: ({
+  className,
+  ...props
+}: PreviewCardTriggerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/preview-card/preview-card-viewport.d.ts
+type PreviewCardViewportProps = PreviewCard$1.Viewport.Props;
+declare const PreviewCardViewport: ({
+  ...props
+}: PreviewCardViewportProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/preview-card/preview-card.d.ts
+type PreviewCardProps = PreviewCard$1.Root.Props;
+declare const PreviewCard: {
+  ({
+    ...props
+  }: PreviewCardProps): react_jsx_runtime0.JSX.Element;
+  Arrow: ({
+    className,
+    ...props
+  }: PreviewCardArrowProps) => react_jsx_runtime0.JSX.Element;
+  Backdrop: ({
+    className,
+    ...props
+  }: PreviewCardBackdropProps) => react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    side,
+    sideOffset,
+    align,
+    alignOffset,
+    showArrow,
+    children,
+    ...props
+  }: PreviewCardContentProps) => react_jsx_runtime0.JSX.Element;
+  Popup: ({
+    className,
+    ...props
+  }: PreviewCardPopupProps) => react_jsx_runtime0.JSX.Element;
+  Portal: ({
+    ...props
+  }: PreviewCardPortalProps) => react_jsx_runtime0.JSX.Element;
+  Positioner: ({
+    className,
+    ...props
+  }: PreviewCardPositionerProps) => react_jsx_runtime0.JSX.Element;
+  Trigger: ({
+    className,
+    ...props
+  }: PreviewCardTriggerProps) => react_jsx_runtime0.JSX.Element;
+  Viewport: ({
+    ...props
+  }: PreviewCardViewportProps) => react_jsx_runtime0.JSX.Element;
+  createHandle: typeof PreviewCard$1.createHandle;
+};
+declare const createPreviewCardHandle: typeof PreviewCard$1.createHandle;
+//#endregion
+export { PreviewCard, PreviewCardArrow, type PreviewCardArrowProps, PreviewCardBackdrop, type PreviewCardBackdropProps, PreviewCardContent, type PreviewCardContentProps, PreviewCardPopup, type PreviewCardPopupProps, PreviewCardPortal, type PreviewCardPortalProps, PreviewCardPositioner, type PreviewCardPositionerProps, PreviewCardProps, PreviewCardTrigger, type PreviewCardTriggerProps, PreviewCardViewport, type PreviewCardViewportProps, createPreviewCardHandle };
+//# sourceMappingURL=preview-card.d.ts.map

package/dist/ui/preview-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-card.d.ts","names":[],"sources":["../../src/ui/preview-card/preview-card-arrow.tsx","../../src/ui/preview-card/preview-card-backdrop.tsx","../../src/ui/preview-card/preview-card-content.tsx","../../src/ui/preview-card/preview-card-popup.tsx","../../src/ui/preview-card/preview-card-portal.tsx","../../src/ui/preview-card/preview-card-positioner.tsx","../../src/ui/preview-card/preview-card-trigger.tsx","../../src/ui/preview-card/preview-card-viewport.tsx","../../src/ui/preview-card/preview-card.tsx"],"mappings":";;;;KAKY,qBAAA,GAAwB,aAAA,CAAqB,KAAA,CAAM,KAAA;AAAA,cAEzD,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAAyB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCF5D,wBAAA,GAA2B,aAAA,CAAqB,QAAA,CAAS,KAAA;AAAA,cAE/D,mBAAA;EAAuB,SAAA;EAAA,GAAA;AAAA,GAG1B,wBAAA,KAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCAf,uBAAA,GAA0B,aAAA,CAAqB,KAAA,CAAM,KAAA,GAC/D,IAAA,CACE,aAAA,CAAqB,UAAA,CAAW,KAAA;EAGhC,SAAA;AAAA;AAAA,cAGE,kBAAA;EAAsB,SAAA;EAAA,IAAA;EAAA,UAAA;EAAA,KAAA;EAAA,WAAA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GASzB,uBAAA,KAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCtBd,qBAAA,GAAwB,aAAA,CAAqB,KAAA,CAAM,KAAA;AAAA,cAEzD,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAAyB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCH5D,sBAAA,GAAyB,aAAA,CAAqB,MAAA,CAAO,KAAA;AAAA,cAE3D,iBAAA;EAAA,GAAqB;AAAA,GAAc,sBAAA,KAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCDnD,0BAAA,GAA6B,aAAA,CAAqB,UAAA,CAAW,KAAA;AAAA,cAEnE,qBAAA;EAAyB,SAAA;EAAA,GAAA;AAAA,GAG5B,0BAAA,KAA0B,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCLjB,uBAAA,GAA0B,aAAA,CAAqB,OAAA,CAAQ,KAAA;AAAA,cAE7D,kBAAA;EAAsB,SAAA;EAAA,GAAA;AAAA,GAGzB,uBAAA,KAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCNd,wBAAA,GAA2B,aAAA,CAAqB,QAAA,CAAS,KAAA;AAAA,cAE/D,mBAAA;EAAA,GAAuB;AAAA,GAAc,wBAAA,KAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCMvD,gBAAA,GAAmB,aAAA,CAAqB,IAAA,CAAK,KAAA;AAAA,cAEnD,WAAA;EAAA;IAAA;KAA6B,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAc7C,uBAAA,SAAuB,aAAA,CAAA,YAAA"}

package/dist/ui/preview-card.js

@@ -0,0 +1,94 @@
+"use client";
+
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "tailwind-variants";
+import { PreviewCard as PreviewCard$1 } from "@base-ui/react/preview-card";
+
+//#region src/ui/preview-card/preview-card-arrow.tsx
+const PreviewCardArrow = ({ className, ...props }) => /* @__PURE__ */ jsx(PreviewCard$1.Arrow, {
+	className: cn("z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-popover fill-popover data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5", className),
+	"data-slot": "preview-card-arrow",
+	...props
+});
+
+//#endregion
+//#region src/ui/preview-card/preview-card-backdrop.tsx
+const PreviewCardBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(PreviewCard$1.Backdrop, {
+	className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 supports-backdrop-filter:backdrop-blur-xs", className),
+	"data-slot": "preview-card-backdrop",
+	...props
+});
+
+//#endregion
+//#region src/ui/preview-card/preview-card-popup.tsx
+const PreviewCardPopup = ({ className, ...props }) => /* @__PURE__ */ jsx(PreviewCard$1.Popup, {
+	className: cn("z-50 w-64 origin-(--transform-origin) rounded-lg bg-popover p-4 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+	"data-slot": "preview-card-popup",
+	...props
+});
+
+//#endregion
+//#region src/ui/preview-card/preview-card-portal.tsx
+const PreviewCardPortal = ({ ...props }) => /* @__PURE__ */ jsx(PreviewCard$1.Portal, {
+	"data-slot": "preview-card-portal",
+	...props
+});
+
+//#endregion
+//#region src/ui/preview-card/preview-card-positioner.tsx
+const PreviewCardPositioner = ({ className, ...props }) => /* @__PURE__ */ jsx(PreviewCard$1.Positioner, {
+	className: cn("isolate z-50", className),
+	"data-slot": "preview-card-positioner",
+	...props
+});
+
+//#endregion
+//#region src/ui/preview-card/preview-card-viewport.tsx
+const PreviewCardViewport = ({ ...props }) => /* @__PURE__ */ jsx(PreviewCard$1.Viewport, {
+	"data-slot": "preview-card-viewport",
+	...props
+});
+
+//#endregion
+//#region src/ui/preview-card/preview-card-content.tsx
+const PreviewCardContent = ({ className, side = "bottom", sideOffset = 4, align = "center", alignOffset = 4, showArrow = true, children, ...props }) => /* @__PURE__ */ jsx(PreviewCardPortal, { children: /* @__PURE__ */ jsx(PreviewCardPositioner, {
+	align,
+	alignOffset,
+	side,
+	sideOffset,
+	children: /* @__PURE__ */ jsxs(PreviewCardPopup, {
+		className,
+		"data-slot": "preview-card-content",
+		...props,
+		children: [showArrow ? /* @__PURE__ */ jsx(PreviewCardArrow, {}) : null, /* @__PURE__ */ jsx(PreviewCardViewport, { children })]
+	})
+}) });
+
+//#endregion
+//#region src/ui/preview-card/preview-card-trigger.tsx
+const PreviewCardTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(PreviewCard$1.Trigger, {
+	className: cn("cursor-pointer", className),
+	"data-slot": "preview-card-trigger",
+	...props
+});
+
+//#endregion
+//#region src/ui/preview-card/preview-card.tsx
+const PreviewCard = ({ ...props }) => /* @__PURE__ */ jsx(PreviewCard$1.Root, {
+	"data-slot": "preview-card",
+	...props
+});
+PreviewCard.Arrow = PreviewCardArrow;
+PreviewCard.Backdrop = PreviewCardBackdrop;
+PreviewCard.Content = PreviewCardContent;
+PreviewCard.Popup = PreviewCardPopup;
+PreviewCard.Portal = PreviewCardPortal;
+PreviewCard.Positioner = PreviewCardPositioner;
+PreviewCard.Trigger = PreviewCardTrigger;
+PreviewCard.Viewport = PreviewCardViewport;
+PreviewCard.createHandle = PreviewCard$1.createHandle;
+const createPreviewCardHandle = PreviewCard$1.createHandle;
+
+//#endregion
+export { PreviewCard, PreviewCardArrow, PreviewCardBackdrop, PreviewCardContent, PreviewCardPopup, PreviewCardPortal, PreviewCardPositioner, PreviewCardTrigger, PreviewCardViewport, createPreviewCardHandle };
+//# sourceMappingURL=preview-card.js.map

package/dist/ui/preview-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-card.js","names":["PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive","PreviewCardPrimitive"],"sources":["../../src/ui/preview-card/preview-card-arrow.tsx","../../src/ui/preview-card/preview-card-backdrop.tsx","../../src/ui/preview-card/preview-card-popup.tsx","../../src/ui/preview-card/preview-card-portal.tsx","../../src/ui/preview-card/preview-card-positioner.tsx","../../src/ui/preview-card/preview-card-viewport.tsx","../../src/ui/preview-card/preview-card-content.tsx","../../src/ui/preview-card/preview-card-trigger.tsx","../../src/ui/preview-card/preview-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardArrowProps = PreviewCardPrimitive.Arrow.Props;\n\nconst PreviewCardArrow = ({ className, ...props }: PreviewCardArrowProps) => (\n  <PreviewCardPrimitive.Arrow\n    className={cn(\n      \"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-popover fill-popover data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\",\n      className\n    )}\n    data-slot=\"preview-card-arrow\"\n    {...props}\n  />\n);\n\nexport { PreviewCardArrow };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardBackdropProps = PreviewCardPrimitive.Backdrop.Props;\n\nconst PreviewCardBackdrop = ({\n  className,\n  ...props\n}: PreviewCardBackdropProps) => (\n  <PreviewCardPrimitive.Backdrop\n    className={cn(\n      \"fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 supports-backdrop-filter:backdrop-blur-xs\",\n      className\n    )}\n    data-slot=\"preview-card-backdrop\"\n    {...props}\n  />\n);\n\nexport { PreviewCardBackdrop };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardPopupProps = PreviewCardPrimitive.Popup.Props;\n\nconst PreviewCardPopup = ({ className, ...props }: PreviewCardPopupProps) => (\n  <PreviewCardPrimitive.Popup\n    className={cn(\n      \"z-50 w-64 origin-(--transform-origin) rounded-lg bg-popover p-4 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n      className\n    )}\n    data-slot=\"preview-card-popup\"\n    {...props}\n  />\n);\n\nexport { PreviewCardPopup };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nexport type PreviewCardPortalProps = PreviewCardPrimitive.Portal.Props;\n\nconst PreviewCardPortal = ({ ...props }: PreviewCardPortalProps) => (\n  <PreviewCardPrimitive.Portal data-slot=\"preview-card-portal\" {...props} />\n);\n\nexport { PreviewCardPortal };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardPositionerProps = PreviewCardPrimitive.Positioner.Props;\n\nconst PreviewCardPositioner = ({\n  className,\n  ...props\n}: PreviewCardPositionerProps) => (\n  <PreviewCardPrimitive.Positioner\n    className={cn(\"isolate z-50\", className)}\n    data-slot=\"preview-card-positioner\"\n    {...props}\n  />\n);\n\nexport { PreviewCardPositioner };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nexport type PreviewCardViewportProps = PreviewCardPrimitive.Viewport.Props;\n\nconst PreviewCardViewport = ({ ...props }: PreviewCardViewportProps) => (\n  <PreviewCardPrimitive.Viewport data-slot=\"preview-card-viewport\" {...props} />\n);\n\nexport { PreviewCardViewport };\n","\"use client\";\n\nimport type { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nimport { PreviewCardArrow } from \"./preview-card-arrow\";\nimport { PreviewCardPopup } from \"./preview-card-popup\";\nimport { PreviewCardPortal } from \"./preview-card-portal\";\nimport { PreviewCardPositioner } from \"./preview-card-positioner\";\nimport { PreviewCardViewport } from \"./preview-card-viewport\";\n\nexport type PreviewCardContentProps = PreviewCardPrimitive.Popup.Props &\n  Pick<\n    PreviewCardPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  > & {\n    showArrow?: boolean;\n  };\n\nconst PreviewCardContent = ({\n  className,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 4,\n  showArrow = true,\n  children,\n  ...props\n}: PreviewCardContentProps) => (\n  <PreviewCardPortal>\n    <PreviewCardPositioner\n      align={align}\n      alignOffset={alignOffset}\n      side={side}\n      sideOffset={sideOffset}\n    >\n      <PreviewCardPopup\n        className={className}\n        data-slot=\"preview-card-content\"\n        {...props}\n      >\n        {showArrow ? <PreviewCardArrow /> : null}\n        <PreviewCardViewport>{children}</PreviewCardViewport>\n      </PreviewCardPopup>\n    </PreviewCardPositioner>\n  </PreviewCardPortal>\n);\n\nexport { PreviewCardContent };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\nimport { cn } from \"tailwind-variants\";\n\nexport type PreviewCardTriggerProps = PreviewCardPrimitive.Trigger.Props;\n\nconst PreviewCardTrigger = ({\n  className,\n  ...props\n}: PreviewCardTriggerProps) => (\n  <PreviewCardPrimitive.Trigger\n    className={cn(\"cursor-pointer\", className)}\n    data-slot=\"preview-card-trigger\"\n    {...props}\n  />\n);\n\nexport { PreviewCardTrigger };\n","\"use client\";\n\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\";\n\nimport { PreviewCardArrow } from \"./preview-card-arrow\";\nimport { PreviewCardBackdrop } from \"./preview-card-backdrop\";\nimport { PreviewCardContent } from \"./preview-card-content\";\nimport { PreviewCardPopup } from \"./preview-card-popup\";\nimport { PreviewCardPortal } from \"./preview-card-portal\";\nimport { PreviewCardPositioner } from \"./preview-card-positioner\";\nimport { PreviewCardTrigger } from \"./preview-card-trigger\";\nimport { PreviewCardViewport } from \"./preview-card-viewport\";\nexport type PreviewCardProps = PreviewCardPrimitive.Root.Props;\n\nconst PreviewCard = ({ ...props }: PreviewCardProps) => (\n  <PreviewCardPrimitive.Root data-slot=\"preview-card\" {...props} />\n);\n\nPreviewCard.Arrow = PreviewCardArrow;\nPreviewCard.Backdrop = PreviewCardBackdrop;\nPreviewCard.Content = PreviewCardContent;\nPreviewCard.Popup = PreviewCardPopup;\nPreviewCard.Portal = PreviewCardPortal;\nPreviewCard.Positioner = PreviewCardPositioner;\nPreviewCard.Trigger = PreviewCardTrigger;\nPreviewCard.Viewport = PreviewCardViewport;\nPreviewCard.createHandle = PreviewCardPrimitive.createHandle;\n\nconst createPreviewCardHandle = PreviewCardPrimitive.createHandle;\n\nexport type { PreviewCardArrowProps } from \"./preview-card-arrow\";\nexport type { PreviewCardBackdropProps } from \"./preview-card-backdrop\";\nexport type { PreviewCardContentProps } from \"./preview-card-content\";\nexport type { PreviewCardPopupProps } from \"./preview-card-popup\";\nexport type { PreviewCardPortalProps } from \"./preview-card-portal\";\nexport type { PreviewCardPositionerProps } from \"./preview-card-positioner\";\nexport type { PreviewCardTriggerProps } from \"./preview-card-trigger\";\nexport type { PreviewCardViewportProps } from \"./preview-card-viewport\";\n\nexport {\n  PreviewCard,\n  PreviewCardArrow,\n  PreviewCardBackdrop,\n  PreviewCardContent,\n  PreviewCardPopup,\n  PreviewCardPortal,\n  PreviewCardPositioner,\n  PreviewCardTrigger,\n  PreviewCardViewport,\n  createPreviewCardHandle,\n};\n"],"mappings":";;;;;;;AAOA,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAACA,cAAqB;CACpB,WAAW,GACT,mUACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,uBAAuB,EAC3B,WACA,GAAG,YAEH,oBAACC,cAAqB;CACpB,WAAW,GACT,yLACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACXJ,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAACC,cAAqB;CACpB,WAAW,GACT,ocACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACTJ,MAAM,qBAAqB,EAAE,GAAG,YAC9B,oBAACC,cAAqB;CAAO,aAAU;CAAsB,GAAI;EAAS;;;;ACA5E,MAAM,yBAAyB,EAC7B,WACA,GAAG,YAEH,oBAACC,cAAqB;CACpB,WAAW,GAAG,gBAAgB,UAAU;CACxC,aAAU;CACV,GAAI;EACJ;;;;ACTJ,MAAM,uBAAuB,EAAE,GAAG,YAChC,oBAACC,cAAqB;CAAS,aAAU;CAAwB,GAAI;EAAS;;;;ACWhF,MAAM,sBAAsB,EAC1B,WACA,OAAO,UACP,aAAa,GACb,QAAQ,UACR,cAAc,GACd,YAAY,MACZ,UACA,GAAG,YAEH,oBAAC,+BACC,oBAAC;CACQ;CACM;CACP;CACM;WAEZ,qBAAC;EACY;EACX,aAAU;EACV,GAAI;aAEH,YAAY,oBAAC,qBAAmB,GAAG,MACpC,oBAAC,uBAAqB,WAA+B;GACpC;EACG,GACN;;;;ACrCtB,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,oBAACC,cAAqB;CACpB,WAAW,GAAG,kBAAkB,UAAU;CAC1C,aAAU;CACV,GAAI;EACJ;;;;ACDJ,MAAM,eAAe,EAAE,GAAG,YACxB,oBAACC,cAAqB;CAAK,aAAU;CAAe,GAAI;EAAS;AAGnE,YAAY,QAAQ;AACpB,YAAY,WAAW;AACvB,YAAY,UAAU;AACtB,YAAY,QAAQ;AACpB,YAAY,SAAS;AACrB,YAAY,aAAa;AACzB,YAAY,UAAU;AACtB,YAAY,WAAW;AACvB,YAAY,eAAeA,cAAqB;AAEhD,MAAM,0BAA0BA,cAAqB"}

package/dist/ui/progress.d.ts

@@ -0,0 +1,60 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Progress as Progress$1 } from "@base-ui/react/progress";
+
+//#region src/ui/progress/progress-indicator.d.ts
+type ProgressIndicatorProps = Progress$1.Indicator.Props;
+declare const ProgressIndicator: ({
+  className,
+  ...props
+}: ProgressIndicatorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/progress/progress-label.d.ts
+type ProgressLabelProps = Progress$1.Label.Props;
+declare const ProgressLabel: ({
+  className,
+  ...props
+}: ProgressLabelProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/progress/progress-track.d.ts
+type ProgressTrackProps = Progress$1.Track.Props;
+declare const ProgressTrack: ({
+  className,
+  ...props
+}: ProgressTrackProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/progress/progress-value.d.ts
+type ProgressValueProps = Progress$1.Value.Props;
+declare const ProgressValue: ({
+  className,
+  ...props
+}: ProgressValueProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/progress/progress.d.ts
+type ProgressProps = Progress$1.Root.Props;
+declare const Progress: {
+  ({
+    className,
+    children,
+    value,
+    ...props
+  }: ProgressProps): react_jsx_runtime0.JSX.Element;
+  Indicator: ({
+    className,
+    ...props
+  }: ProgressIndicatorProps) => react_jsx_runtime0.JSX.Element;
+  Label: ({
+    className,
+    ...props
+  }: ProgressLabelProps) => react_jsx_runtime0.JSX.Element;
+  Track: ({
+    className,
+    ...props
+  }: ProgressTrackProps) => react_jsx_runtime0.JSX.Element;
+  Value: ({
+    className,
+    ...props
+  }: ProgressValueProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Progress, ProgressIndicator, type ProgressIndicatorProps, ProgressLabel, type ProgressLabelProps, ProgressProps, ProgressTrack, type ProgressTrackProps, ProgressValue, type ProgressValueProps };
+//# sourceMappingURL=progress.d.ts.map

package/dist/ui/progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","names":[],"sources":["../../src/ui/progress/progress-indicator.tsx","../../src/ui/progress/progress-label.tsx","../../src/ui/progress/progress-track.tsx","../../src/ui/progress/progress-value.tsx","../../src/ui/progress/progress.tsx"],"mappings":";;;;KAKY,sBAAA,GAAyB,UAAA,CAAkB,SAAA,CAAU,KAAA;AAAA,cAE3D,iBAAA;EAAqB,SAAA;EAAA,GAAA;AAAA,GAAyB,sBAAA,KAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCF9D,kBAAA,GAAqB,UAAA,CAAkB,KAAA,CAAM,KAAA;AAAA,cAEnD,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFtD,kBAAA,GAAqB,UAAA,CAAkB,KAAA,CAAM,KAAA;AAAA,cAEnD,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFtD,kBAAA,GAAqB,UAAA,CAAkB,KAAA,CAAM,KAAA;AAAA,cAEnD,aAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAAyB,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCEtD,aAAA,GAAgB,UAAA,CAAkB,IAAA,CAAK,KAAA;AAAA,cAE7C,QAAA;EAAA;;;;;KAAsD,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/progress.js

@@ -0,0 +1,54 @@
+"use client";
+
+import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Progress as Progress$1 } from "@base-ui/react/progress";
+
+//#region src/ui/progress/progress-indicator.tsx
+const ProgressIndicator = ({ className, ...props }) => /* @__PURE__ */ jsx(Progress$1.Indicator, {
+	className: mergeBaseUIClassName("h-full bg-primary transition-all", className),
+	"data-slot": "progress-indicator",
+	...props
+});
+
+//#endregion
+//#region src/ui/progress/progress-label.tsx
+const ProgressLabel = ({ className, ...props }) => /* @__PURE__ */ jsx(Progress$1.Label, {
+	className: mergeBaseUIClassName("text-sm font-medium", className),
+	"data-slot": "progress-label",
+	...props
+});
+
+//#endregion
+//#region src/ui/progress/progress-track.tsx
+const ProgressTrack = ({ className, ...props }) => /* @__PURE__ */ jsx(Progress$1.Track, {
+	className: mergeBaseUIClassName("relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted", className),
+	"data-slot": "progress-track",
+	...props
+});
+
+//#endregion
+//#region src/ui/progress/progress-value.tsx
+const ProgressValue = ({ className, ...props }) => /* @__PURE__ */ jsx(Progress$1.Value, {
+	className: mergeBaseUIClassName("ml-auto text-sm text-muted-foreground tabular-nums", className),
+	"data-slot": "progress-value",
+	...props
+});
+
+//#endregion
+//#region src/ui/progress/progress.tsx
+const Progress = ({ className, children, value, ...props }) => /* @__PURE__ */ jsxs(Progress$1.Root, {
+	className: mergeBaseUIClassName("flex flex-wrap gap-3", className),
+	"data-slot": "progress",
+	value,
+	...props,
+	children: [children, /* @__PURE__ */ jsx(ProgressTrack, { children: /* @__PURE__ */ jsx(ProgressIndicator, {}) })]
+});
+Progress.Indicator = ProgressIndicator;
+Progress.Label = ProgressLabel;
+Progress.Track = ProgressTrack;
+Progress.Value = ProgressValue;
+
+//#endregion
+export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };
+//# sourceMappingURL=progress.js.map

package/dist/ui/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","names":["ProgressPrimitive","ProgressPrimitive","ProgressPrimitive","ProgressPrimitive","ProgressPrimitive"],"sources":["../../src/ui/progress/progress-indicator.tsx","../../src/ui/progress/progress-label.tsx","../../src/ui/progress/progress-track.tsx","../../src/ui/progress/progress-value.tsx","../../src/ui/progress/progress.tsx"],"sourcesContent":["\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type ProgressIndicatorProps = ProgressPrimitive.Indicator.Props;\n\nconst ProgressIndicator = ({ className, ...props }: ProgressIndicatorProps) => (\n  <ProgressPrimitive.Indicator\n    className={mergeBaseUIClassName<ProgressPrimitive.Root.State>(\n      \"h-full bg-primary transition-all\",\n      className\n    )}\n    data-slot=\"progress-indicator\"\n    {...props}\n  />\n);\n\nexport { ProgressIndicator };\n","\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type ProgressLabelProps = ProgressPrimitive.Label.Props;\n\nconst ProgressLabel = ({ className, ...props }: ProgressLabelProps) => (\n  <ProgressPrimitive.Label\n    className={mergeBaseUIClassName<ProgressPrimitive.Root.State>(\n      \"text-sm font-medium\",\n      className\n    )}\n    data-slot=\"progress-label\"\n    {...props}\n  />\n);\n\nexport { ProgressLabel };\n","\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type ProgressTrackProps = ProgressPrimitive.Track.Props;\n\nconst ProgressTrack = ({ className, ...props }: ProgressTrackProps) => (\n  <ProgressPrimitive.Track\n    className={mergeBaseUIClassName<ProgressPrimitive.Root.State>(\n      \"relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted\",\n      className\n    )}\n    data-slot=\"progress-track\"\n    {...props}\n  />\n);\n\nexport { ProgressTrack };\n","\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type ProgressValueProps = ProgressPrimitive.Value.Props;\n\nconst ProgressValue = ({ className, ...props }: ProgressValueProps) => (\n  <ProgressPrimitive.Value\n    className={mergeBaseUIClassName<ProgressPrimitive.Root.State>(\n      \"ml-auto text-sm text-muted-foreground tabular-nums\",\n      className\n    )}\n    data-slot=\"progress-value\"\n    {...props}\n  />\n);\n\nexport { ProgressValue };\n","\"use client\";\n\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { ProgressIndicator } from \"./progress-indicator\";\nimport { ProgressLabel } from \"./progress-label\";\nimport { ProgressTrack } from \"./progress-track\";\nimport { ProgressValue } from \"./progress-value\";\nexport type ProgressProps = ProgressPrimitive.Root.Props;\n\nconst Progress = ({ className, children, value, ...props }: ProgressProps) => (\n  <ProgressPrimitive.Root\n    className={mergeBaseUIClassName<ProgressPrimitive.Root.State>(\n      \"flex flex-wrap gap-3\",\n      className\n    )}\n    data-slot=\"progress\"\n    value={value}\n    {...props}\n  >\n    {children}\n    <ProgressTrack>\n      <ProgressIndicator />\n    </ProgressTrack>\n  </ProgressPrimitive.Root>\n);\n\nProgress.Indicator = ProgressIndicator;\nProgress.Label = ProgressLabel;\nProgress.Track = ProgressTrack;\nProgress.Value = ProgressValue;\n\nexport {\n  Progress,\n  ProgressIndicator,\n  ProgressLabel,\n  ProgressTrack,\n  ProgressValue,\n};\n\nexport type { ProgressIndicatorProps } from \"./progress-indicator\";\nexport type { ProgressLabelProps } from \"./progress-label\";\nexport type { ProgressTrackProps } from \"./progress-track\";\nexport type { ProgressValueProps } from \"./progress-value\";\n"],"mappings":";;;;;;;AAOA,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAACA,WAAkB;CACjB,WAAW,qBACT,oCACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACC,WAAkB;CACjB,WAAW,qBACT,uBACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACC,WAAkB;CACjB,WAAW,qBACT,iFACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACC,WAAkB;CACjB,WAAW,qBACT,sDACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACJJ,MAAM,YAAY,EAAE,WAAW,UAAU,OAAO,GAAG,YACjD,qBAACC,WAAkB;CACjB,WAAW,qBACT,wBACA,UACD;CACD,aAAU;CACH;CACP,GAAI;YAEH,UACD,oBAAC,2BACC,oBAAC,sBAAoB,GACP;EACO;AAG3B,SAAS,YAAY;AACrB,SAAS,QAAQ;AACjB,SAAS,QAAQ;AACjB,SAAS,QAAQ"}

package/dist/ui/qr-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.d.ts","names":[],"sources":["../../src/ui/qr-code/qr-code.tsx"],"mappings":";;;;KASY,WAAA,GAAc,cAAA;EACxB,IAAA;EACA,UAAA;EACA,UAAA;EACA,UAAA;AAAA;AAAA,cAmBW,MAAA;EAAU,IAAA;EAAA,UAAA;EAAA,UAAA;EAAA,UAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAOpB,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/qr-code.js

@@ -0,0 +1,79 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "tailwind-variants";
+import { formatHex, oklch } from "culori";
+import QR from "qrcode";
+
+//#region src/ui/qr-code/qr-code.tsx
+const oklchRegex = /oklch\(([0-9.]+)\s+([0-9.]+)\s+([0-9.]+)\)/;
+const getOklch = (color, fallback) => {
+	const oklchMatch = color.match(oklchRegex);
+	if (!oklchMatch) return {
+		l: fallback[0],
+		c: fallback[1],
+		h: fallback[2]
+	};
+	return {
+		l: Number.parseFloat(oklchMatch[1] ?? "0"),
+		c: Number.parseFloat(oklchMatch[2] ?? "0"),
+		h: Number.parseFloat(oklchMatch[3] ?? "0")
+	};
+};
+const QRCode = ({ data, foreground, background, robustness = "M", className, ...props }) => {
+	const [svg, setSVG] = useState(null);
+	useEffect(() => {
+		const generateQR = async () => {
+			try {
+				const styles = getComputedStyle(document.documentElement);
+				const foregroundColor = foreground ?? (styles.getPropertyValue("--kb-foreground") || "");
+				const backgroundColor = background ?? (styles.getPropertyValue("--kb-background") || "");
+				const foregroundOklch = getOklch(foregroundColor, [
+					.21,
+					.006,
+					285.885
+				]);
+				const backgroundOklch = getOklch(backgroundColor, [
+					.985,
+					0,
+					0
+				]);
+				setSVG(await QR.toString(data, {
+					type: "svg",
+					color: {
+						dark: formatHex(oklch({
+							mode: "oklch",
+							...foregroundOklch
+						})),
+						light: formatHex(oklch({
+							mode: "oklch",
+							...backgroundOklch
+						}))
+					},
+					width: 200,
+					errorCorrectionLevel: robustness,
+					margin: 0
+				}));
+			} catch (error) {
+				console.error(error);
+			}
+		};
+		generateQR();
+	}, [
+		data,
+		foreground,
+		background,
+		robustness
+	]);
+	if (!svg) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("size-full", "[&_svg]:size-full", className),
+		dangerouslySetInnerHTML: { __html: svg },
+		...props
+	});
+};
+
+//#endregion
+export { QRCode };
+//# sourceMappingURL=qr-code.js.map

package/dist/ui/qr-code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.js","names":[],"sources":["../../src/ui/qr-code/qr-code.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { formatHex, oklch } from \"culori\";\nimport QR from \"qrcode\";\nimport { useEffect, useState } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type QRCodeProps = ComponentProps<\"div\"> & {\n  data: string;\n  foreground?: string;\n  background?: string;\n  robustness?: \"L\" | \"M\" | \"Q\" | \"H\";\n};\n\nconst oklchRegex = /oklch\\(([0-9.]+)\\s+([0-9.]+)\\s+([0-9.]+)\\)/;\n\nconst getOklch = (color: string, fallback: [number, number, number]) => {\n  const oklchMatch = color.match(oklchRegex);\n\n  if (!oklchMatch) {\n    return { l: fallback[0], c: fallback[1], h: fallback[2] };\n  }\n\n  return {\n    l: Number.parseFloat(oklchMatch[1] ?? \"0\"),\n    c: Number.parseFloat(oklchMatch[2] ?? \"0\"),\n    h: Number.parseFloat(oklchMatch[3] ?? \"0\"),\n  };\n};\n\nexport const QRCode = ({\n  data,\n  foreground,\n  background,\n  robustness = \"M\",\n  className,\n  ...props\n}: QRCodeProps) => {\n  const [svg, setSVG] = useState<string | null>(null);\n\n  useEffect(() => {\n    const generateQR = async () => {\n      try {\n        const styles = getComputedStyle(document.documentElement);\n        const foregroundColor =\n          foreground ?? (styles.getPropertyValue(\"--kb-foreground\") || \"\");\n        const backgroundColor =\n          background ?? (styles.getPropertyValue(\"--kb-background\") || \"\");\n\n        const foregroundOklch = getOklch(\n          foregroundColor,\n          [0.21, 0.006, 285.885]\n        );\n        const backgroundOklch = getOklch(backgroundColor, [0.985, 0, 0]);\n\n        const newSvg = await QR.toString(data, {\n          type: \"svg\",\n          color: {\n            dark: formatHex(oklch({ mode: \"oklch\", ...foregroundOklch })),\n            light: formatHex(oklch({ mode: \"oklch\", ...backgroundOklch })),\n          },\n          width: 200,\n          errorCorrectionLevel: robustness,\n          margin: 0,\n        });\n\n        setSVG(newSvg);\n      } catch (error) {\n        console.error(error);\n      }\n    };\n\n    generateQR();\n  }, [data, foreground, background, robustness]);\n\n  if (!svg) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\"size-full\", \"[&_svg]:size-full\", className)}\n      // oxlint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{ __html: svg }}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;;;;;;AAgBA,MAAM,aAAa;AAEnB,MAAM,YAAY,OAAe,aAAuC;CACtE,MAAM,aAAa,MAAM,MAAM,WAAW;AAE1C,KAAI,CAAC,WACH,QAAO;EAAE,GAAG,SAAS;EAAI,GAAG,SAAS;EAAI,GAAG,SAAS;EAAI;AAG3D,QAAO;EACL,GAAG,OAAO,WAAW,WAAW,MAAM,IAAI;EAC1C,GAAG,OAAO,WAAW,WAAW,MAAM,IAAI;EAC1C,GAAG,OAAO,WAAW,WAAW,MAAM,IAAI;EAC3C;;AAGH,MAAa,UAAU,EACrB,MACA,YACA,YACA,aAAa,KACb,WACA,GAAG,YACc;CACjB,MAAM,CAAC,KAAK,UAAU,SAAwB,KAAK;AAEnD,iBAAgB;EACd,MAAM,aAAa,YAAY;AAC7B,OAAI;IACF,MAAM,SAAS,iBAAiB,SAAS,gBAAgB;IACzD,MAAM,kBACJ,eAAe,OAAO,iBAAiB,kBAAkB,IAAI;IAC/D,MAAM,kBACJ,eAAe,OAAO,iBAAiB,kBAAkB,IAAI;IAE/D,MAAM,kBAAkB,SACtB,iBACA;KAAC;KAAM;KAAO;KAAQ,CACvB;IACD,MAAM,kBAAkB,SAAS,iBAAiB;KAAC;KAAO;KAAG;KAAE,CAAC;AAahE,WAXe,MAAM,GAAG,SAAS,MAAM;KACrC,MAAM;KACN,OAAO;MACL,MAAM,UAAU,MAAM;OAAE,MAAM;OAAS,GAAG;OAAiB,CAAC,CAAC;MAC7D,OAAO,UAAU,MAAM;OAAE,MAAM;OAAS,GAAG;OAAiB,CAAC,CAAC;MAC/D;KACD,OAAO;KACP,sBAAsB;KACtB,QAAQ;KACT,CAAC,CAEY;YACP,OAAO;AACd,YAAQ,MAAM,MAAM;;;AAIxB,cAAY;IACX;EAAC;EAAM;EAAY;EAAY;EAAW,CAAC;AAE9C,KAAI,CAAC,IACH,QAAO;AAGT,QACE,oBAAC;EACC,WAAW,GAAG,aAAa,qBAAqB,UAAU;EAE1D,yBAAyB,EAAE,QAAQ,KAAK;EACxC,GAAI;GACJ"}