@popgrids/ui 0.0.8 → 0.0.10

package/dist/loader.cjs

@@ -0,0 +1,127 @@
+'use strict';
+
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var loaderVariants = classVarianceAuthority.cva("flex shrink-0 items-center justify-center", {
+  variants: {
+    theme: {
+      default: "[--loader-foreground:var(--foreground)] [--loader-background:var(--foreground)]",
+      reversed: "[--loader-foreground:var(--background)] [--loader-background:var(--foreground)]",
+      black: "[--loader-foreground:var(--color-brand-midnight-900)] [--loader-background:var(--color-grayscale-300)]",
+      white: "[--loader-foreground:var(--color-grayscale-300)] [--loader-background:var(--color-brand-midnight-900)]"
+    },
+    variant: {
+      spinner: "size-5 motion-reduce:animate-none",
+      loader: "relative flex h-[13px] w-[23px] motion-reduce:animate-none"
+    }
+  },
+  defaultVariants: {
+    theme: "default",
+    variant: "spinner"
+  }
+});
+var spinnerFgVariants = classVarianceAuthority.cva("", {
+  variants: {
+    theme: {
+      default: "fill-foreground opacity-[0.06]",
+      reversed: "fill-white opacity-10",
+      black: "fill-black opacity-[0.04]",
+      white: "fill-white opacity-[0.04]"
+    }
+  }
+});
+var spinnerBgVariants = classVarianceAuthority.cva("", {
+  variants: {
+    theme: {
+      default: "fill-foreground",
+      reversed: "fill-background",
+      black: "fill-black opacity-[0.98]",
+      white: "fill-white opacity-[0.98]"
+    }
+  }
+});
+function Loader({
+  theme = "default",
+  variant = "spinner",
+  className,
+  style,
+  ...props
+}) {
+  const dotCount = 21;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "loader",
+      className: cn(
+        loaderVariants({ theme, variant }),
+        variant === "spinner" && "animate-spin",
+        className
+      ),
+      ...props,
+      children: variant === "spinner" ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "svg",
+        {
+          width: "20",
+          height: "20",
+          viewBox: "0 0 20 20",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("title", { children: "Loading spinner" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("g", { clipPath: "url(#pop_loader_clip_path)", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  className: spinnerFgVariants({ theme }),
+                  d: "M20 10C20 15.5137 15.5137 20 10 20C4.48628 20 6.78126e-07 15.5137 4.37114e-07 10C1.96101e-07 4.48627 4.48627 3.50301e-07 10 1.09288e-07C15.5137 -1.31724e-07 20 4.48627 20 10ZM2.35294 10C2.35294 14.2196 5.78039 17.6471 10 17.6471C14.2196 17.6471 17.6471 14.2196 17.6471 10C17.6471 5.78039 14.2196 2.35294 10 2.35294C5.78039 2.35294 2.35294 5.78039 2.35294 10Z"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  className: spinnerBgVariants({ theme }),
+                  d: "M20 10L17.6471 10C17.6471 5.78039 14.2196 2.35294 10 2.35294L10 7.10315e-07C15.5137 4.69302e-07 20 4.48627 20 10Z"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "pop_loader_clip_path", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "rect",
+              {
+                width: "20",
+                height: "20",
+                fill: "white",
+                transform: "translate(8.74228e-07 20) rotate(-90)"
+              }
+            ) }) })
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Array.from({ length: dotCount }, (_, index) => {
+        const delaySeconds = index * 0.035;
+        return (
+          // biome-ignore lint/suspicious/noArrayIndexKey: Dots are static and ordered
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "bg-grayscale-200 dark:bg-grayscale-700 animate-loader-wave absolute top-0 size-[3px] rounded-full motion-reduce:animate-none",
+              style: {
+                left: `${index}px`,
+                animationDelay: `${delaySeconds}s`
+              }
+            },
+            index
+          )
+        );
+      }) })
+    }
+  );
+}
+
+exports.Loader = Loader;
+//# sourceMappingURL=loader.cjs.map
+//# sourceMappingURL=loader.cjs.map

package/dist/loader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts","../src/components/loader/loader.tsx"],"names":["twMerge","clsx","cva","jsx","jsxs","Fragment"],"mappings":"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","file":"loader.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport { cva } from \"class-variance-authority\";\n\nimport { cn } from \"../../lib/utils\";\nimport type { LoaderProps } from \"./types\";\n\nconst loaderVariants = cva(\"flex shrink-0 items-center justify-center\", {\n  variants: {\n    theme: {\n      default: \"[--loader-foreground:var(--foreground)] [--loader-background:var(--foreground)]\",\n      reversed: \"[--loader-foreground:var(--background)] [--loader-background:var(--foreground)]\",\n      black:\n        \"[--loader-foreground:var(--color-brand-midnight-900)] [--loader-background:var(--color-grayscale-300)]\",\n      white:\n        \"[--loader-foreground:var(--color-grayscale-300)] [--loader-background:var(--color-brand-midnight-900)]\",\n    },\n    variant: {\n      spinner: \"size-5 motion-reduce:animate-none\",\n      loader: \"relative flex h-[13px] w-[23px] motion-reduce:animate-none\",\n    },\n  },\n  defaultVariants: {\n    theme: \"default\",\n    variant: \"spinner\",\n  },\n});\n\nconst spinnerFgVariants = cva(\"\", {\n  variants: {\n    theme: {\n      default: \"fill-foreground opacity-[0.06]\",\n      reversed: \"fill-white opacity-10\",\n      black: \"fill-black opacity-[0.04]\",\n      white: \"fill-white opacity-[0.04]\",\n    },\n  },\n});\n\nconst spinnerBgVariants = cva(\"\", {\n  variants: {\n    theme: {\n      default: \"fill-foreground\",\n      reversed: \"fill-background\",\n      black: \"fill-black opacity-[0.98]\",\n      white: \"fill-white opacity-[0.98]\",\n    },\n  },\n});\n\nfunction Loader({\n  theme = \"default\",\n  variant = \"spinner\",\n  className,\n  style,\n  ...props\n}: LoaderProps) {\n  const dotCount = 21;\n\n  return (\n    <div\n      data-slot=\"loader\"\n      className={cn(\n        loaderVariants({ theme, variant }),\n        variant === \"spinner\" && \"animate-spin\",\n        className,\n      )}\n      {...props}\n    >\n      {variant === \"spinner\" ? (\n        <svg\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 20 20\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <title>Loading spinner</title>\n          <g clipPath=\"url(#pop_loader_clip_path)\">\n            <path\n              className={spinnerFgVariants({ theme })}\n              d=\"M20 10C20 15.5137 15.5137 20 10 20C4.48628 20 6.78126e-07 15.5137 4.37114e-07 10C1.96101e-07 4.48627 4.48627 3.50301e-07 10 1.09288e-07C15.5137 -1.31724e-07 20 4.48627 20 10ZM2.35294 10C2.35294 14.2196 5.78039 17.6471 10 17.6471C14.2196 17.6471 17.6471 14.2196 17.6471 10C17.6471 5.78039 14.2196 2.35294 10 2.35294C5.78039 2.35294 2.35294 5.78039 2.35294 10Z\"\n            />\n            <path\n              className={spinnerBgVariants({ theme })}\n              d=\"M20 10L17.6471 10C17.6471 5.78039 14.2196 2.35294 10 2.35294L10 7.10315e-07C15.5137 4.69302e-07 20 4.48627 20 10Z\"\n            />\n          </g>\n          <defs>\n            <clipPath id=\"pop_loader_clip_path\">\n              <rect\n                width=\"20\"\n                height=\"20\"\n                fill=\"white\"\n                transform=\"translate(8.74228e-07 20) rotate(-90)\"\n              />\n            </clipPath>\n          </defs>\n        </svg>\n      ) : (\n        <>\n          {Array.from({ length: dotCount }, (_, index) => {\n            const delaySeconds = index * 0.035;\n            return (\n              // biome-ignore lint/suspicious/noArrayIndexKey: Dots are static and ordered\n              <div\n                key={index}\n                className=\"bg-grayscale-200 dark:bg-grayscale-700 animate-loader-wave absolute top-0 size-[3px] rounded-full motion-reduce:animate-none\"\n                style={{\n                  left: `${index}px`,\n                  animationDelay: `${delaySeconds}s`,\n                }}\n              />\n            );\n          })}\n        </>\n      )}\n    </div>\n  );\n}\n\nexport { Loader };\n"]}

package/dist/loader.d.cts

@@ -0,0 +1,2 @@
+import 'react/jsx-runtime';
+export { L as Loader } from './loader-xdvZkRei.cjs';

package/dist/loader.d.ts

@@ -0,0 +1,2 @@
+import 'react/jsx-runtime';
+export { L as Loader } from './loader-xdvZkRei.js';

package/dist/loader.js

@@ -0,0 +1,125 @@
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var loaderVariants = cva("flex shrink-0 items-center justify-center", {
+  variants: {
+    theme: {
+      default: "[--loader-foreground:var(--foreground)] [--loader-background:var(--foreground)]",
+      reversed: "[--loader-foreground:var(--background)] [--loader-background:var(--foreground)]",
+      black: "[--loader-foreground:var(--color-brand-midnight-900)] [--loader-background:var(--color-grayscale-300)]",
+      white: "[--loader-foreground:var(--color-grayscale-300)] [--loader-background:var(--color-brand-midnight-900)]"
+    },
+    variant: {
+      spinner: "size-5 motion-reduce:animate-none",
+      loader: "relative flex h-[13px] w-[23px] motion-reduce:animate-none"
+    }
+  },
+  defaultVariants: {
+    theme: "default",
+    variant: "spinner"
+  }
+});
+var spinnerFgVariants = cva("", {
+  variants: {
+    theme: {
+      default: "fill-foreground opacity-[0.06]",
+      reversed: "fill-white opacity-10",
+      black: "fill-black opacity-[0.04]",
+      white: "fill-white opacity-[0.04]"
+    }
+  }
+});
+var spinnerBgVariants = cva("", {
+  variants: {
+    theme: {
+      default: "fill-foreground",
+      reversed: "fill-background",
+      black: "fill-black opacity-[0.98]",
+      white: "fill-white opacity-[0.98]"
+    }
+  }
+});
+function Loader({
+  theme = "default",
+  variant = "spinner",
+  className,
+  style,
+  ...props
+}) {
+  const dotCount = 21;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "loader",
+      className: cn(
+        loaderVariants({ theme, variant }),
+        variant === "spinner" && "animate-spin",
+        className
+      ),
+      ...props,
+      children: variant === "spinner" ? /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          width: "20",
+          height: "20",
+          viewBox: "0 0 20 20",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [
+            /* @__PURE__ */ jsx("title", { children: "Loading spinner" }),
+            /* @__PURE__ */ jsxs("g", { clipPath: "url(#pop_loader_clip_path)", children: [
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  className: spinnerFgVariants({ theme }),
+                  d: "M20 10C20 15.5137 15.5137 20 10 20C4.48628 20 6.78126e-07 15.5137 4.37114e-07 10C1.96101e-07 4.48627 4.48627 3.50301e-07 10 1.09288e-07C15.5137 -1.31724e-07 20 4.48627 20 10ZM2.35294 10C2.35294 14.2196 5.78039 17.6471 10 17.6471C14.2196 17.6471 17.6471 14.2196 17.6471 10C17.6471 5.78039 14.2196 2.35294 10 2.35294C5.78039 2.35294 2.35294 5.78039 2.35294 10Z"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "path",
+                {
+                  className: spinnerBgVariants({ theme }),
+                  d: "M20 10L17.6471 10C17.6471 5.78039 14.2196 2.35294 10 2.35294L10 7.10315e-07C15.5137 4.69302e-07 20 4.48627 20 10Z"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "pop_loader_clip_path", children: /* @__PURE__ */ jsx(
+              "rect",
+              {
+                width: "20",
+                height: "20",
+                fill: "white",
+                transform: "translate(8.74228e-07 20) rotate(-90)"
+              }
+            ) }) })
+          ]
+        }
+      ) : /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: dotCount }, (_, index) => {
+        const delaySeconds = index * 0.035;
+        return (
+          // biome-ignore lint/suspicious/noArrayIndexKey: Dots are static and ordered
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "bg-grayscale-200 dark:bg-grayscale-700 animate-loader-wave absolute top-0 size-[3px] rounded-full motion-reduce:animate-none",
+              style: {
+                left: `${index}px`,
+                animationDelay: `${delaySeconds}s`
+              }
+            },
+            index
+          )
+        );
+      }) })
+    }
+  );
+}
+
+export { Loader };
+//# sourceMappingURL=loader.js.map
+//# sourceMappingURL=loader.js.map

package/dist/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts","../src/components/loader/loader.tsx"],"names":[],"mappings":"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","file":"loader.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport { cva } from \"class-variance-authority\";\n\nimport { cn } from \"../../lib/utils\";\nimport type { LoaderProps } from \"./types\";\n\nconst loaderVariants = cva(\"flex shrink-0 items-center justify-center\", {\n  variants: {\n    theme: {\n      default: \"[--loader-foreground:var(--foreground)] [--loader-background:var(--foreground)]\",\n      reversed: \"[--loader-foreground:var(--background)] [--loader-background:var(--foreground)]\",\n      black:\n        \"[--loader-foreground:var(--color-brand-midnight-900)] [--loader-background:var(--color-grayscale-300)]\",\n      white:\n        \"[--loader-foreground:var(--color-grayscale-300)] [--loader-background:var(--color-brand-midnight-900)]\",\n    },\n    variant: {\n      spinner: \"size-5 motion-reduce:animate-none\",\n      loader: \"relative flex h-[13px] w-[23px] motion-reduce:animate-none\",\n    },\n  },\n  defaultVariants: {\n    theme: \"default\",\n    variant: \"spinner\",\n  },\n});\n\nconst spinnerFgVariants = cva(\"\", {\n  variants: {\n    theme: {\n      default: \"fill-foreground opacity-[0.06]\",\n      reversed: \"fill-white opacity-10\",\n      black: \"fill-black opacity-[0.04]\",\n      white: \"fill-white opacity-[0.04]\",\n    },\n  },\n});\n\nconst spinnerBgVariants = cva(\"\", {\n  variants: {\n    theme: {\n      default: \"fill-foreground\",\n      reversed: \"fill-background\",\n      black: \"fill-black opacity-[0.98]\",\n      white: \"fill-white opacity-[0.98]\",\n    },\n  },\n});\n\nfunction Loader({\n  theme = \"default\",\n  variant = \"spinner\",\n  className,\n  style,\n  ...props\n}: LoaderProps) {\n  const dotCount = 21;\n\n  return (\n    <div\n      data-slot=\"loader\"\n      className={cn(\n        loaderVariants({ theme, variant }),\n        variant === \"spinner\" && \"animate-spin\",\n        className,\n      )}\n      {...props}\n    >\n      {variant === \"spinner\" ? (\n        <svg\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 20 20\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <title>Loading spinner</title>\n          <g clipPath=\"url(#pop_loader_clip_path)\">\n            <path\n              className={spinnerFgVariants({ theme })}\n              d=\"M20 10C20 15.5137 15.5137 20 10 20C4.48628 20 6.78126e-07 15.5137 4.37114e-07 10C1.96101e-07 4.48627 4.48627 3.50301e-07 10 1.09288e-07C15.5137 -1.31724e-07 20 4.48627 20 10ZM2.35294 10C2.35294 14.2196 5.78039 17.6471 10 17.6471C14.2196 17.6471 17.6471 14.2196 17.6471 10C17.6471 5.78039 14.2196 2.35294 10 2.35294C5.78039 2.35294 2.35294 5.78039 2.35294 10Z\"\n            />\n            <path\n              className={spinnerBgVariants({ theme })}\n              d=\"M20 10L17.6471 10C17.6471 5.78039 14.2196 2.35294 10 2.35294L10 7.10315e-07C15.5137 4.69302e-07 20 4.48627 20 10Z\"\n            />\n          </g>\n          <defs>\n            <clipPath id=\"pop_loader_clip_path\">\n              <rect\n                width=\"20\"\n                height=\"20\"\n                fill=\"white\"\n                transform=\"translate(8.74228e-07 20) rotate(-90)\"\n              />\n            </clipPath>\n          </defs>\n        </svg>\n      ) : (\n        <>\n          {Array.from({ length: dotCount }, (_, index) => {\n            const delaySeconds = index * 0.035;\n            return (\n              // biome-ignore lint/suspicious/noArrayIndexKey: Dots are static and ordered\n              <div\n                key={index}\n                className=\"bg-grayscale-200 dark:bg-grayscale-700 animate-loader-wave absolute top-0 size-[3px] rounded-full motion-reduce:animate-none\"\n                style={{\n                  left: `${index}px`,\n                  animationDelay: `${delaySeconds}s`,\n                }}\n              />\n            );\n          })}\n        </>\n      )}\n    </div>\n  );\n}\n\nexport { Loader };\n"]}

package/dist/metafile-cjs.json

@@ -0,0 +1 @@
+{"inputs":{"src/lib/utils.ts":{"bytes":169,"imports":[{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true}],"format":"esm"},"src/components/button/button.tsx":{"bytes":8234,"imports":[{"path":"@base-ui/react/button","kind":"import-statement","external":true},{"path":"class-variance-authority","kind":"import-statement","external":true},{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"},{"path":"./types","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/button/index.ts":{"bytes":93,"imports":[{"path":"src/components/button/button.tsx","kind":"import-statement","original":"./button"}],"format":"esm"},"src/components/content-block/content-block.tsx":{"bytes":1058,"imports":[{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/content-block/index.ts":{"bytes":98,"imports":[{"path":"src/components/content-block/content-block.tsx","kind":"import-statement","original":"./content-block"}],"format":"esm"},"src/components/dialog/dialog.tsx":{"bytes":6732,"imports":[{"path":"@base-ui/react","kind":"import-statement","external":true},{"path":"@untitledui/icons","kind":"import-statement","external":true},{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/dialog/index.ts":{"bytes":219,"imports":[{"path":"src/components/dialog/dialog.tsx","kind":"import-statement","original":"./dialog"}],"format":"esm"},"src/components/dropdown-menu/dropdown-menu.tsx":{"bytes":8724,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@base-ui/react/menu","kind":"import-statement","external":true},{"path":"@untitledui/icons","kind":"import-statement","external":true},{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/dropdown-menu/index.ts":{"bytes":380,"imports":[{"path":"src/components/dropdown-menu/dropdown-menu.tsx","kind":"import-statement","original":"./dropdown-menu"}],"format":"esm"},"src/components/footer/footer.tsx":{"bytes":17477,"imports":[{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/footer/index.ts":{"bytes":35,"imports":[{"path":"src/components/footer/footer.tsx","kind":"import-statement","original":"./footer"}],"format":"esm"},"src/components/input/input.tsx":{"bytes":1031,"imports":[{"path":"@base-ui/react/input","kind":"import-statement","external":true},{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"},{"path":"./types","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/input/index.ts":{"bytes":76,"imports":[{"path":"src/components/input/input.tsx","kind":"import-statement","original":"./input"}],"format":"esm"},"src/components/label/label.tsx":{"bytes":745,"imports":[{"path":"@base-ui/react/merge-props","kind":"import-statement","external":true},{"path":"@base-ui/react/use-render","kind":"import-statement","external":true},{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"}],"format":"esm"},"src/components/label/index.ts":{"bytes":76,"imports":[{"path":"src/components/label/label.tsx","kind":"import-statement","original":"./label"}],"format":"esm"},"src/components/loader/loader.tsx":{"bytes":3755,"imports":[{"path":"class-variance-authority","kind":"import-statement","external":true},{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/loader/index.ts":{"bytes":93,"imports":[{"path":"src/components/loader/loader.tsx","kind":"import-statement","original":"./loader"}],"format":"esm"},"src/components/notification-badge/notification-badge.tsx":{"bytes":2107,"imports":[{"path":"@base-ui/react/merge-props","kind":"import-statement","external":true},{"path":"@base-ui/react/use-render","kind":"import-statement","external":true},{"path":"class-variance-authority","kind":"import-statement","external":true},{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"},{"path":"./types","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/notification-badge/index.ts":{"bytes":113,"imports":[{"path":"src/components/notification-badge/notification-badge.tsx","kind":"import-statement","original":"./notification-badge"}],"format":"esm"},"src/components/section-flourish/section-flourish.tsx":{"bytes":130,"imports":[{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/section-flourish/index.ts":{"bytes":54,"imports":[{"path":"src/components/section-flourish/section-flourish.tsx","kind":"import-statement","original":"./section-flourish"}],"format":"esm"},"src/components/tooltip/tooltip.tsx":{"bytes":2780,"imports":[{"path":"@base-ui/react/tooltip","kind":"import-statement","external":true},{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/section-header/section-header.tsx":{"bytes":3192,"imports":[{"path":"@untitledui/icons","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"},{"path":"src/components/tooltip/tooltip.tsx","kind":"import-statement","original":"../tooltip/tooltip"},{"path":"./types","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/section-header/index.ts":{"bytes":101,"imports":[{"path":"src/components/section-header/section-header.tsx","kind":"import-statement","original":"./section-header"}],"format":"esm"},"src/components/tooltip/index.ts":{"bytes":100,"imports":[{"path":"src/components/tooltip/tooltip.tsx","kind":"import-statement","original":"./tooltip"}],"format":"esm"},"src/index.ts":{"bytes":1406,"imports":[{"path":"src/components/button/index.ts","kind":"import-statement","original":"./components/button"},{"path":"src/components/content-block/index.ts","kind":"import-statement","original":"./components/content-block"},{"path":"src/components/dialog/index.ts","kind":"import-statement","original":"./components/dialog"},{"path":"src/components/dropdown-menu/index.ts","kind":"import-statement","original":"./components/dropdown-menu"},{"path":"src/components/footer/index.ts","kind":"import-statement","original":"./components/footer"},{"path":"src/components/input/index.ts","kind":"import-statement","original":"./components/input"},{"path":"src/components/label/index.ts","kind":"import-statement","original":"./components/label"},{"path":"src/components/loader/index.ts","kind":"import-statement","original":"./components/loader"},{"path":"src/components/notification-badge/index.ts","kind":"import-statement","original":"./components/notification-badge"},{"path":"src/components/section-flourish/index.ts","kind":"import-statement","original":"./components/section-flourish"},{"path":"src/components/section-header/index.ts","kind":"import-statement","original":"./components/section-header"},{"path":"src/components/tooltip/index.ts","kind":"import-statement","original":"./components/tooltip"}],"format":"esm"}},"outputs":{"dist/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":77057},"dist/index.cjs":{"imports":[{"path":"@base-ui/react/button","kind":"import-statement","external":true},{"path":"class-variance-authority","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"@base-ui/react","kind":"import-statement","external":true},{"path":"@untitledui/icons","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"@base-ui/react/menu","kind":"import-statement","external":true},{"path":"@untitledui/icons","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"@base-ui/react/input","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"@base-ui/react/merge-props","kind":"import-statement","external":true},{"path":"@base-ui/react/use-render","kind":"import-statement","external":true},{"path":"class-variance-authority","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"@base-ui/react/merge-props","kind":"import-statement","external":true},{"path":"@base-ui/react/use-render","kind":"import-statement","external":true},{"path":"class-variance-authority","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"@untitledui/icons","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@base-ui/react/tooltip","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Button","ContentBlock","Dialog","DialogBackdrop","DialogBody","DialogClose","DialogDescription","DialogFooter","DialogHeader","DialogPopup","DialogPortal","DialogTitle","DialogTrigger","DialogViewport","DropdownMenu","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuLabel","DropdownMenuPortal","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger","DropdownMenuTrigger","Footer","Input","Label","Loader","NotificationBadge","SectionFlourish","SectionHeader","Tooltip","TooltipArrow","TooltipContent","TooltipProvider","TooltipTrigger"],"entryPoint":"src/index.ts","inputs":{"src/components/button/button.tsx":{"bytesInOutput":8158},"src/lib/utils.ts":{"bytesInOutput":130},"src/components/button/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0},"src/components/content-block/content-block.tsx":{"bytesInOutput":1073},"src/components/content-block/index.ts":{"bytesInOutput":0},"src/components/dialog/dialog.tsx":{"bytesInOutput":5186},"src/components/dialog/index.ts":{"bytesInOutput":0},"src/components/dropdown-menu/dropdown-menu.tsx":{"bytesInOutput":7831},"src/components/dropdown-menu/index.ts":{"bytesInOutput":0},"src/components/footer/footer.tsx":{"bytesInOutput":19809},"src/components/footer/index.ts":{"bytesInOutput":0},"src/components/input/input.tsx":{"bytesInOutput":991},"src/components/input/index.ts":{"bytesInOutput":0},"src/components/label/label.tsx":{"bytesInOutput":593},"src/components/label/index.ts":{"bytesInOutput":0},"src/components/loader/loader.tsx":{"bytesInOutput":4131},"src/components/loader/index.ts":{"bytesInOutput":0},"src/components/notification-badge/notification-badge.tsx":{"bytesInOutput":1944},"src/components/notification-badge/index.ts":{"bytesInOutput":0},"src/components/section-flourish/section-flourish.tsx":{"bytesInOutput":203},"src/components/section-flourish/index.ts":{"bytesInOutput":0},"src/components/section-header/section-header.tsx":{"bytesInOutput":3083},"src/components/tooltip/tooltip.tsx":{"bytesInOutput":2692},"src/components/section-header/index.ts":{"bytesInOutput":0},"src/components/tooltip/index.ts":{"bytesInOutput":0}},"bytes":57228},"dist/button.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":12490},"dist/button.cjs":{"imports":[{"path":"@base-ui/react/button","kind":"import-statement","external":true},{"path":"class-variance-authority","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Button"],"entryPoint":"src/components/button/button.tsx","inputs":{"src/components/button/button.tsx":{"bytesInOutput":8158},"src/lib/utils.ts":{"bytesInOutput":130}},"bytes":8403},"dist/content-block.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1953},"dist/content-block.cjs":{"imports":[{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["ContentBlock"],"entryPoint":"src/components/content-block/content-block.tsx","inputs":{"src/lib/utils.ts":{"bytesInOutput":130},"src/components/content-block/content-block.tsx":{"bytesInOutput":1034}},"bytes":1262},"dist/dialog.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":9402},"dist/dialog.cjs":{"imports":[{"path":"@base-ui/react","kind":"import-statement","external":true},{"path":"@untitledui/icons","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Dialog","DialogBackdrop","DialogBody","DialogClose","DialogDescription","DialogFooter","DialogHeader","DialogPopup","DialogPortal","DialogTitle","DialogTrigger","DialogViewport"],"entryPoint":"src/components/dialog/dialog.tsx","inputs":{"src/components/dialog/dialog.tsx":{"bytesInOutput":5148},"src/lib/utils.ts":{"bytesInOutput":130}},"bytes":5603},"dist/dropdown-menu.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":12531},"dist/dropdown-menu.cjs":{"imports":[{"path":"@base-ui/react/menu","kind":"import-statement","external":true},{"path":"@untitledui/icons","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["DropdownMenu","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuLabel","DropdownMenuPortal","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger","DropdownMenuTrigger"],"entryPoint":"src/components/dropdown-menu/dropdown-menu.tsx","inputs":{"src/components/dropdown-menu/dropdown-menu.tsx":{"bytesInOutput":7788},"src/lib/utils.ts":{"bytesInOutput":130}},"bytes":8396},"dist/footer.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":20106},"dist/footer.cjs":{"imports":[{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Footer"],"entryPoint":"src/components/footer/footer.tsx","inputs":{"src/components/footer/footer.tsx":{"bytesInOutput":19746}},"bytes":19803},"dist/input.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1723},"dist/input.cjs":{"imports":[{"path":"@base-ui/react/input","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Input"],"entryPoint":"src/components/input/input.tsx","inputs":{"src/components/input/input.tsx":{"bytesInOutput":982},"src/lib/utils.ts":{"bytesInOutput":130}},"bytes":1222},"dist/label.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1482},"dist/label.cjs":{"imports":[{"path":"@base-ui/react/merge-props","kind":"import-statement","external":true},{"path":"@base-ui/react/use-render","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true}],"exports":["Label"],"entryPoint":"src/components/label/label.tsx","inputs":{"src/components/label/label.tsx":{"bytesInOutput":593},"src/lib/utils.ts":{"bytesInOutput":130}},"bytes":833},"dist/loader.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":6075},"dist/loader.cjs":{"imports":[{"path":"class-variance-authority","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Loader"],"entryPoint":"src/components/loader/loader.tsx","inputs":{"src/components/loader/loader.tsx":{"bytesInOutput":4078},"src/lib/utils.ts":{"bytesInOutput":130}},"bytes":4338},"dist/notification-badge.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3487},"dist/notification-badge.cjs":{"imports":[{"path":"@base-ui/react/merge-props","kind":"import-statement","external":true},{"path":"@base-ui/react/use-render","kind":"import-statement","external":true},{"path":"class-variance-authority","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["NotificationBadge"],"entryPoint":"src/components/notification-badge/notification-badge.tsx","inputs":{"src/components/notification-badge/notification-badge.tsx":{"bytesInOutput":1895},"src/lib/utils.ts":{"bytesInOutput":130}},"bytes":2199},"dist/section-flourish.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":348},"dist/section-flourish.cjs":{"imports":[{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["SectionFlourish"],"entryPoint":"src/components/section-flourish/section-flourish.tsx","inputs":{"src/components/section-flourish/section-flourish.tsx":{"bytesInOutput":194}},"bytes":280},"dist/section-header.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":9542},"dist/section-header.cjs":{"imports":[{"path":"@untitledui/icons","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"@base-ui/react/tooltip","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["SectionHeader"],"entryPoint":"src/components/section-header/section-header.tsx","inputs":{"src/components/section-header/section-header.tsx":{"bytesInOutput":3054},"src/lib/utils.ts":{"bytesInOutput":130},"src/components/tooltip/tooltip.tsx":{"bytesInOutput":2650}},"bytes":6042},"dist/tooltip.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4376},"dist/tooltip.cjs":{"imports":[{"path":"@base-ui/react/tooltip","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Tooltip","TooltipArrow","TooltipContent","TooltipProvider","TooltipTrigger"],"entryPoint":"src/components/tooltip/tooltip.tsx","inputs":{"src/components/tooltip/tooltip.tsx":{"bytesInOutput":2650},"src/lib/utils.ts":{"bytesInOutput":130}},"bytes":2986}}}

package/dist/metafile-esm.json

@@ -0,0 +1 @@
+{"inputs":{"src/lib/utils.ts":{"bytes":169,"imports":[{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true}],"format":"esm"},"src/components/button/button.tsx":{"bytes":8234,"imports":[{"path":"@base-ui/react/button","kind":"import-statement","external":true},{"path":"class-variance-authority","kind":"import-statement","external":true},{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"},{"path":"./types","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/button/index.ts":{"bytes":93,"imports":[{"path":"src/components/button/button.tsx","kind":"import-statement","original":"./button"}],"format":"esm"},"src/components/content-block/content-block.tsx":{"bytes":1058,"imports":[{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/content-block/index.ts":{"bytes":98,"imports":[{"path":"src/components/content-block/content-block.tsx","kind":"import-statement","original":"./content-block"}],"format":"esm"},"src/components/dialog/dialog.tsx":{"bytes":6732,"imports":[{"path":"@base-ui/react","kind":"import-statement","external":true},{"path":"@untitledui/icons","kind":"import-statement","external":true},{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/dialog/index.ts":{"bytes":219,"imports":[{"path":"src/components/dialog/dialog.tsx","kind":"import-statement","original":"./dialog"}],"format":"esm"},"src/components/dropdown-menu/dropdown-menu.tsx":{"bytes":8724,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@base-ui/react/menu","kind":"import-statement","external":true},{"path":"@untitledui/icons","kind":"import-statement","external":true},{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/dropdown-menu/index.ts":{"bytes":380,"imports":[{"path":"src/components/dropdown-menu/dropdown-menu.tsx","kind":"import-statement","original":"./dropdown-menu"}],"format":"esm"},"src/components/footer/footer.tsx":{"bytes":17477,"imports":[{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/footer/index.ts":{"bytes":35,"imports":[{"path":"src/components/footer/footer.tsx","kind":"import-statement","original":"./footer"}],"format":"esm"},"src/components/input/input.tsx":{"bytes":1031,"imports":[{"path":"@base-ui/react/input","kind":"import-statement","external":true},{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"},{"path":"./types","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/input/index.ts":{"bytes":76,"imports":[{"path":"src/components/input/input.tsx","kind":"import-statement","original":"./input"}],"format":"esm"},"src/components/label/label.tsx":{"bytes":745,"imports":[{"path":"@base-ui/react/merge-props","kind":"import-statement","external":true},{"path":"@base-ui/react/use-render","kind":"import-statement","external":true},{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"}],"format":"esm"},"src/components/label/index.ts":{"bytes":76,"imports":[{"path":"src/components/label/label.tsx","kind":"import-statement","original":"./label"}],"format":"esm"},"src/components/loader/loader.tsx":{"bytes":3755,"imports":[{"path":"class-variance-authority","kind":"import-statement","external":true},{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/loader/index.ts":{"bytes":93,"imports":[{"path":"src/components/loader/loader.tsx","kind":"import-statement","original":"./loader"}],"format":"esm"},"src/components/notification-badge/notification-badge.tsx":{"bytes":2107,"imports":[{"path":"@base-ui/react/merge-props","kind":"import-statement","external":true},{"path":"@base-ui/react/use-render","kind":"import-statement","external":true},{"path":"class-variance-authority","kind":"import-statement","external":true},{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"},{"path":"./types","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/notification-badge/index.ts":{"bytes":113,"imports":[{"path":"src/components/notification-badge/notification-badge.tsx","kind":"import-statement","original":"./notification-badge"}],"format":"esm"},"src/components/section-flourish/section-flourish.tsx":{"bytes":130,"imports":[{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/section-flourish/index.ts":{"bytes":54,"imports":[{"path":"src/components/section-flourish/section-flourish.tsx","kind":"import-statement","original":"./section-flourish"}],"format":"esm"},"src/components/tooltip/tooltip.tsx":{"bytes":2780,"imports":[{"path":"@base-ui/react/tooltip","kind":"import-statement","external":true},{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/section-header/section-header.tsx":{"bytes":3192,"imports":[{"path":"@untitledui/icons","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/lib/utils.ts","kind":"import-statement","original":"../../lib/utils"},{"path":"src/components/tooltip/tooltip.tsx","kind":"import-statement","original":"../tooltip/tooltip"},{"path":"./types","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"format":"esm"},"src/components/section-header/index.ts":{"bytes":101,"imports":[{"path":"src/components/section-header/section-header.tsx","kind":"import-statement","original":"./section-header"}],"format":"esm"},"src/components/tooltip/index.ts":{"bytes":100,"imports":[{"path":"src/components/tooltip/tooltip.tsx","kind":"import-statement","original":"./tooltip"}],"format":"esm"},"src/index.ts":{"bytes":1406,"imports":[{"path":"src/components/button/index.ts","kind":"import-statement","original":"./components/button"},{"path":"src/components/content-block/index.ts","kind":"import-statement","original":"./components/content-block"},{"path":"src/components/dialog/index.ts","kind":"import-statement","original":"./components/dialog"},{"path":"src/components/dropdown-menu/index.ts","kind":"import-statement","original":"./components/dropdown-menu"},{"path":"src/components/footer/index.ts","kind":"import-statement","original":"./components/footer"},{"path":"src/components/input/index.ts","kind":"import-statement","original":"./components/input"},{"path":"src/components/label/index.ts","kind":"import-statement","original":"./components/label"},{"path":"src/components/loader/index.ts","kind":"import-statement","original":"./components/loader"},{"path":"src/components/notification-badge/index.ts","kind":"import-statement","original":"./components/notification-badge"},{"path":"src/components/section-flourish/index.ts","kind":"import-statement","original":"./components/section-flourish"},{"path":"src/components/section-header/index.ts","kind":"import-statement","original":"./components/section-header"},{"path":"src/components/tooltip/index.ts","kind":"import-statement","original":"./components/tooltip"}],"format":"esm"}},"outputs":{"dist/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":77057},"dist/index.js":{"imports":[{"path":"@base-ui/react/button","kind":"import-statement","external":true},{"path":"class-variance-authority","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"@base-ui/react","kind":"import-statement","external":true},{"path":"@untitledui/icons","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"@base-ui/react/menu","kind":"import-statement","external":true},{"path":"@untitledui/icons","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"@base-ui/react/input","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"@base-ui/react/merge-props","kind":"import-statement","external":true},{"path":"@base-ui/react/use-render","kind":"import-statement","external":true},{"path":"class-variance-authority","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"@base-ui/react/merge-props","kind":"import-statement","external":true},{"path":"@base-ui/react/use-render","kind":"import-statement","external":true},{"path":"class-variance-authority","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"@untitledui/icons","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@base-ui/react/tooltip","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Button","ContentBlock","Dialog","DialogBackdrop","DialogBody","DialogClose","DialogDescription","DialogFooter","DialogHeader","DialogPopup","DialogPortal","DialogTitle","DialogTrigger","DialogViewport","DropdownMenu","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuLabel","DropdownMenuPortal","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger","DropdownMenuTrigger","Footer","Input","Label","Loader","NotificationBadge","SectionFlourish","SectionHeader","Tooltip","TooltipArrow","TooltipContent","TooltipProvider","TooltipTrigger"],"entryPoint":"src/index.ts","inputs":{"src/components/button/button.tsx":{"bytesInOutput":8158},"src/lib/utils.ts":{"bytesInOutput":130},"src/components/button/index.ts":{"bytesInOutput":0},"src/index.ts":{"bytesInOutput":0},"src/components/content-block/content-block.tsx":{"bytesInOutput":1073},"src/components/content-block/index.ts":{"bytesInOutput":0},"src/components/dialog/dialog.tsx":{"bytesInOutput":5186},"src/components/dialog/index.ts":{"bytesInOutput":0},"src/components/dropdown-menu/dropdown-menu.tsx":{"bytesInOutput":7831},"src/components/dropdown-menu/index.ts":{"bytesInOutput":0},"src/components/footer/footer.tsx":{"bytesInOutput":19809},"src/components/footer/index.ts":{"bytesInOutput":0},"src/components/input/input.tsx":{"bytesInOutput":991},"src/components/input/index.ts":{"bytesInOutput":0},"src/components/label/label.tsx":{"bytesInOutput":593},"src/components/label/index.ts":{"bytesInOutput":0},"src/components/loader/loader.tsx":{"bytesInOutput":4131},"src/components/loader/index.ts":{"bytesInOutput":0},"src/components/notification-badge/notification-badge.tsx":{"bytesInOutput":1944},"src/components/notification-badge/index.ts":{"bytesInOutput":0},"src/components/section-flourish/section-flourish.tsx":{"bytesInOutput":203},"src/components/section-flourish/index.ts":{"bytesInOutput":0},"src/components/section-header/section-header.tsx":{"bytesInOutput":3083},"src/components/tooltip/tooltip.tsx":{"bytesInOutput":2692},"src/components/section-header/index.ts":{"bytesInOutput":0},"src/components/tooltip/index.ts":{"bytesInOutput":0}},"bytes":57228},"dist/button.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":12490},"dist/button.js":{"imports":[{"path":"@base-ui/react/button","kind":"import-statement","external":true},{"path":"class-variance-authority","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Button"],"entryPoint":"src/components/button/button.tsx","inputs":{"src/components/button/button.tsx":{"bytesInOutput":8158},"src/lib/utils.ts":{"bytesInOutput":130}},"bytes":8403},"dist/content-block.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1953},"dist/content-block.js":{"imports":[{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["ContentBlock"],"entryPoint":"src/components/content-block/content-block.tsx","inputs":{"src/lib/utils.ts":{"bytesInOutput":130},"src/components/content-block/content-block.tsx":{"bytesInOutput":1034}},"bytes":1262},"dist/dialog.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":9402},"dist/dialog.js":{"imports":[{"path":"@base-ui/react","kind":"import-statement","external":true},{"path":"@untitledui/icons","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Dialog","DialogBackdrop","DialogBody","DialogClose","DialogDescription","DialogFooter","DialogHeader","DialogPopup","DialogPortal","DialogTitle","DialogTrigger","DialogViewport"],"entryPoint":"src/components/dialog/dialog.tsx","inputs":{"src/components/dialog/dialog.tsx":{"bytesInOutput":5148},"src/lib/utils.ts":{"bytesInOutput":130}},"bytes":5603},"dist/dropdown-menu.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":12531},"dist/dropdown-menu.js":{"imports":[{"path":"@base-ui/react/menu","kind":"import-statement","external":true},{"path":"@untitledui/icons","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["DropdownMenu","DropdownMenuCheckboxItem","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuLabel","DropdownMenuPortal","DropdownMenuRadioGroup","DropdownMenuRadioItem","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger","DropdownMenuTrigger"],"entryPoint":"src/components/dropdown-menu/dropdown-menu.tsx","inputs":{"src/components/dropdown-menu/dropdown-menu.tsx":{"bytesInOutput":7788},"src/lib/utils.ts":{"bytesInOutput":130}},"bytes":8396},"dist/footer.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":20106},"dist/footer.js":{"imports":[{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Footer"],"entryPoint":"src/components/footer/footer.tsx","inputs":{"src/components/footer/footer.tsx":{"bytesInOutput":19746}},"bytes":19803},"dist/input.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1723},"dist/input.js":{"imports":[{"path":"@base-ui/react/input","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Input"],"entryPoint":"src/components/input/input.tsx","inputs":{"src/components/input/input.tsx":{"bytesInOutput":982},"src/lib/utils.ts":{"bytesInOutput":130}},"bytes":1222},"dist/label.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":1482},"dist/label.js":{"imports":[{"path":"@base-ui/react/merge-props","kind":"import-statement","external":true},{"path":"@base-ui/react/use-render","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true}],"exports":["Label"],"entryPoint":"src/components/label/label.tsx","inputs":{"src/components/label/label.tsx":{"bytesInOutput":593},"src/lib/utils.ts":{"bytesInOutput":130}},"bytes":833},"dist/loader.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":6075},"dist/loader.js":{"imports":[{"path":"class-variance-authority","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Loader"],"entryPoint":"src/components/loader/loader.tsx","inputs":{"src/components/loader/loader.tsx":{"bytesInOutput":4078},"src/lib/utils.ts":{"bytesInOutput":130}},"bytes":4338},"dist/notification-badge.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":3487},"dist/notification-badge.js":{"imports":[{"path":"@base-ui/react/merge-props","kind":"import-statement","external":true},{"path":"@base-ui/react/use-render","kind":"import-statement","external":true},{"path":"class-variance-authority","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["NotificationBadge"],"entryPoint":"src/components/notification-badge/notification-badge.tsx","inputs":{"src/components/notification-badge/notification-badge.tsx":{"bytesInOutput":1895},"src/lib/utils.ts":{"bytesInOutput":130}},"bytes":2199},"dist/section-flourish.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":348},"dist/section-flourish.js":{"imports":[{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["SectionFlourish"],"entryPoint":"src/components/section-flourish/section-flourish.tsx","inputs":{"src/components/section-flourish/section-flourish.tsx":{"bytesInOutput":194}},"bytes":280},"dist/section-header.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":9542},"dist/section-header.js":{"imports":[{"path":"@untitledui/icons","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"@base-ui/react/tooltip","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["SectionHeader"],"entryPoint":"src/components/section-header/section-header.tsx","inputs":{"src/components/section-header/section-header.tsx":{"bytesInOutput":3054},"src/lib/utils.ts":{"bytesInOutput":130},"src/components/tooltip/tooltip.tsx":{"bytesInOutput":2650}},"bytes":6042},"dist/tooltip.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":4376},"dist/tooltip.js":{"imports":[{"path":"@base-ui/react/tooltip","kind":"import-statement","external":true},{"path":"clsx","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"react/jsx-runtime","kind":"import-statement","external":true}],"exports":["Tooltip","TooltipArrow","TooltipContent","TooltipProvider","TooltipTrigger"],"entryPoint":"src/components/tooltip/tooltip.tsx","inputs":{"src/components/tooltip/tooltip.tsx":{"bytesInOutput":2650},"src/lib/utils.ts":{"bytesInOutput":130}},"bytes":2986}}}

package/dist/notification-badge.cjs

@@ -0,0 +1,66 @@
+'use strict';
+
+var mergeProps = require('@base-ui/react/merge-props');
+var useRender = require('@base-ui/react/use-render');
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/notification-badge/notification-badge.tsx
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var notificationBadgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center rounded-full box-border shrink-0 whitespace-nowrap text-xs font-medium leading-[18px] min-w-[18px] h-[18px] px-[5px] py-0 transition-[color,background-color,border-color]",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground",
+        reversed: "bg-background text-foreground",
+        disabled: "bg-tint-950-reversed border border-black-alpha-600 text-black-alpha-600 backdrop-blur-lg",
+        white: "bg-white text-black",
+        black: "bg-brand-midnight-900 text-white"
+      },
+      pulse: {
+        true: "relative",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        pulse: true,
+        class: "before:content-[''] before:absolute before:inset-[-4px] before:rounded-full before:border-4 before:border-solid before:border-(--notification-badge-pulse-color,var(--color-surface-alpha-alpha-brand-light-30)) before:pointer-events-none before:animate-notification-badge-ping motion-reduce:before:animate-none"
+      }
+    ],
+    defaultVariants: {
+      variant: "default",
+      pulse: false
+    }
+  }
+);
+function NotificationBadge({
+  className,
+  variant,
+  pulse = false,
+  count,
+  children,
+  render,
+  ...props
+}) {
+  const displayContent = count !== void 0 ? String(count) : children;
+  const defaultProps = {
+    "data-slot": "notification-badge",
+    className: cn(notificationBadgeVariants({ variant, pulse }), className),
+    children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-center", children: displayContent })
+  };
+  return useRender.useRender({
+    defaultTagName: "div",
+    render,
+    props: mergeProps.mergeProps(defaultProps, props)
+  });
+}
+
+exports.NotificationBadge = NotificationBadge;
+//# sourceMappingURL=notification-badge.cjs.map
+//# sourceMappingURL=notification-badge.cjs.map

package/dist/notification-badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts","../src/components/notification-badge/notification-badge.tsx"],"names":["twMerge","clsx","cva","jsx","useRender","mergeProps"],"mappings":";;;;;;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAOA,qBAAA,CAAQC,SAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACEA,IAAM,yBAAA,GAA4BC,0BAAA;AAAA,EAChC,oNAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,oCAAA;AAAA,QACT,QAAA,EAAU,+BAAA;AAAA,QACV,QAAA,EACE,0FAAA;AAAA,QACF,KAAA,EAAO,qBAAA;AAAA,QACP,KAAA,EAAO;AAAA,OACT;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,UAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB;AAAA,QACE,KAAA,EAAO,IAAA;AAAA,QACP,KAAA,EACE;AAAA;AACJ,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT;AAEJ,CAAA;AAEA,SAAS,iBAAA,CAAkB;AAAA,EACzB,SAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA,GAAQ,KAAA;AAAA,EACR,KAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4E;AAC1E,EAAA,MAAM,cAAA,GAAiB,KAAA,KAAU,MAAA,GAAY,MAAA,CAAO,KAAK,CAAA,GAAI,QAAA;AAE7D,EAAA,MAAM,YAAA,GAAwC;AAAA,IAC5C,WAAA,EAAa,oBAAA;AAAA,IACb,SAAA,EAAW,GAAG,yBAAA,CAA0B,EAAE,SAAS,KAAA,EAAO,GAAG,SAAS,CAAA;AAAA,IACtE,QAAA,kBAAUC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAe,QAAA,EAAA,cAAA,EAAe;AAAA,GAC1D;AAEA,EAAA,OAAOC,mBAAA,CAAU;AAAA,IACf,cAAA,EAAgB,KAAA;AAAA,IAChB,MAAA;AAAA,IACA,KAAA,EAAOC,qBAAA,CAAkB,YAAA,EAAc,KAAK;AAAA,GAC7C,CAAA;AACH","file":"notification-badge.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../../lib/utils\";\nimport { NotificationBadgeProps } from \"./types\";\n\nconst notificationBadgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-full box-border shrink-0 whitespace-nowrap text-xs font-medium leading-[18px] min-w-[18px] h-[18px] px-[5px] py-0 transition-[color,background-color,border-color]\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground\",\n        reversed: \"bg-background text-foreground\",\n        disabled:\n          \"bg-tint-950-reversed border border-black-alpha-600 text-black-alpha-600 backdrop-blur-lg\",\n        white: \"bg-white text-black\",\n        black: \"bg-brand-midnight-900 text-white\",\n      },\n      pulse: {\n        true: \"relative\",\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        pulse: true,\n        class:\n          \"before:content-[''] before:absolute before:inset-[-4px] before:rounded-full before:border-4 before:border-solid before:border-(--notification-badge-pulse-color,var(--color-surface-alpha-alpha-brand-light-30)) before:pointer-events-none before:animate-notification-badge-ping motion-reduce:before:animate-none\",\n      },\n    ],\n    defaultVariants: {\n      variant: \"default\",\n      pulse: false,\n    },\n  },\n);\n\nfunction NotificationBadge({\n  className,\n  variant,\n  pulse = false,\n  count,\n  children,\n  render,\n  ...props\n}: NotificationBadgeProps & VariantProps<typeof notificationBadgeVariants>) {\n  const displayContent = count !== undefined ? String(count) : children;\n\n  const defaultProps: Record<string, unknown> = {\n    \"data-slot\": \"notification-badge\",\n    className: cn(notificationBadgeVariants({ variant, pulse }), className),\n    children: <span className=\"text-center\">{displayContent}</span>,\n  };\n\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    props: mergeProps<\"div\">(defaultProps, props),\n  });\n}\n\nexport { NotificationBadge };\n"]}

package/dist/notification-badge.d.cts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { useRender } from '@base-ui/react/use-render';
+
+interface NotificationBadgeProps extends useRender.ComponentProps<"div"> {
+  className?: string;
+  count?: number | string;
+  pulse?: boolean;
+  variant?: "default" | "reversed" | "disabled" | "white" | "black";
+}
+
+declare const notificationBadgeVariants: (props?: ({
+    variant?: "disabled" | "black" | "white" | "default" | "reversed" | null | undefined;
+    pulse?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function NotificationBadge({ className, variant, pulse, count, children, render, ...props }: NotificationBadgeProps & VariantProps<typeof notificationBadgeVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+
+export { NotificationBadge };

package/dist/notification-badge.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import { useRender } from '@base-ui/react/use-render';
+
+interface NotificationBadgeProps extends useRender.ComponentProps<"div"> {
+  className?: string;
+  count?: number | string;
+  pulse?: boolean;
+  variant?: "default" | "reversed" | "disabled" | "white" | "black";
+}
+
+declare const notificationBadgeVariants: (props?: ({
+    variant?: "disabled" | "black" | "white" | "default" | "reversed" | null | undefined;
+    pulse?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function NotificationBadge({ className, variant, pulse, count, children, render, ...props }: NotificationBadgeProps & VariantProps<typeof notificationBadgeVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+
+export { NotificationBadge };