lynote-ui 0.0.1

package/dist/avatar/index.mjs

@@ -0,0 +1,270 @@
+import { j as jsxRuntimeExports } from "../jsx-runtime-Dog7MAYX.mjs";
+import * as React from "react";
+import { f as formatErrorMessage, u as useRenderElement, N as NOOP } from "../useRenderElement-DtkRtCHE.mjs";
+import { c as cn } from "../utils-H80jjgLf.mjs";
+import { u as useTimeout } from "../useTimeout-DP0d-UkF.mjs";
+import { u as useStableCallback } from "../useStableCallback-8_xI9oDo.mjs";
+import { u as useIsoLayoutEffect } from "../useIsoLayoutEffect-CAx-dEZM.mjs";
+import { u as useTransitionStatus, a as useOpenChangeComplete, t as transitionStatusMapping } from "../useOpenChangeComplete-DbPLu-k9.mjs";
+const AvatarRootContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") AvatarRootContext.displayName = "AvatarRootContext";
+function useAvatarRootContext() {
+  const context = React.useContext(AvatarRootContext);
+  if (context === void 0) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AvatarRootContext is missing. Avatar parts must be placed within <Avatar.Root>." : formatErrorMessage(13));
+  }
+  return context;
+}
+const avatarStateAttributesMapping = {
+  imageLoadingStatus: () => null
+};
+const AvatarRoot = /* @__PURE__ */ React.forwardRef(function AvatarRoot2(componentProps, forwardedRef) {
+  const {
+    className,
+    render,
+    ...elementProps
+  } = componentProps;
+  const [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
+  const state = {
+    imageLoadingStatus
+  };
+  const contextValue = React.useMemo(() => ({
+    imageLoadingStatus,
+    setImageLoadingStatus
+  }), [imageLoadingStatus, setImageLoadingStatus]);
+  const element = useRenderElement("span", componentProps, {
+    state,
+    ref: forwardedRef,
+    props: elementProps,
+    stateAttributesMapping: avatarStateAttributesMapping
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(AvatarRootContext.Provider, {
+    value: contextValue,
+    children: element
+  });
+});
+if (process.env.NODE_ENV !== "production") AvatarRoot.displayName = "AvatarRoot";
+function useImageLoadingStatus(src, {
+  referrerPolicy,
+  crossOrigin
+}) {
+  const [loadingStatus, setLoadingStatus] = React.useState("idle");
+  useIsoLayoutEffect(() => {
+    if (!src) {
+      setLoadingStatus("error");
+      return NOOP;
+    }
+    let isMounted = true;
+    const image = new window.Image();
+    const updateStatus = (status) => () => {
+      if (!isMounted) {
+        return;
+      }
+      setLoadingStatus(status);
+    };
+    setLoadingStatus("loading");
+    image.onload = updateStatus("loaded");
+    image.onerror = updateStatus("error");
+    if (referrerPolicy) {
+      image.referrerPolicy = referrerPolicy;
+    }
+    image.crossOrigin = crossOrigin ?? null;
+    image.src = src;
+    return () => {
+      isMounted = false;
+    };
+  }, [src, crossOrigin, referrerPolicy]);
+  return loadingStatus;
+}
+const stateAttributesMapping = {
+  ...avatarStateAttributesMapping,
+  ...transitionStatusMapping
+};
+const AvatarImage$1 = /* @__PURE__ */ React.forwardRef(function AvatarImage(componentProps, forwardedRef) {
+  const {
+    className,
+    render,
+    onLoadingStatusChange: onLoadingStatusChangeProp,
+    referrerPolicy,
+    crossOrigin,
+    ...elementProps
+  } = componentProps;
+  const context = useAvatarRootContext();
+  const imageLoadingStatus = useImageLoadingStatus(componentProps.src, {
+    referrerPolicy,
+    crossOrigin
+  });
+  const isVisible = imageLoadingStatus === "loaded";
+  const {
+    mounted,
+    transitionStatus,
+    setMounted
+  } = useTransitionStatus(isVisible);
+  const imageRef = React.useRef(null);
+  const handleLoadingStatusChange = useStableCallback((status) => {
+    onLoadingStatusChangeProp == null ? void 0 : onLoadingStatusChangeProp(status);
+    context.setImageLoadingStatus(status);
+  });
+  useIsoLayoutEffect(() => {
+    if (imageLoadingStatus !== "idle") {
+      handleLoadingStatusChange(imageLoadingStatus);
+    }
+  }, [imageLoadingStatus, handleLoadingStatusChange]);
+  const state = {
+    imageLoadingStatus,
+    transitionStatus
+  };
+  useOpenChangeComplete({
+    open: isVisible,
+    ref: imageRef,
+    onComplete() {
+      if (!isVisible) {
+        setMounted(false);
+      }
+    }
+  });
+  const element = useRenderElement("img", componentProps, {
+    state,
+    ref: [forwardedRef, imageRef],
+    props: elementProps,
+    stateAttributesMapping,
+    enabled: mounted
+  });
+  if (!mounted) {
+    return null;
+  }
+  return element;
+});
+if (process.env.NODE_ENV !== "production") AvatarImage$1.displayName = "AvatarImage";
+const AvatarFallback$1 = /* @__PURE__ */ React.forwardRef(function AvatarFallback(componentProps, forwardedRef) {
+  const {
+    className,
+    render,
+    delay,
+    ...elementProps
+  } = componentProps;
+  const {
+    imageLoadingStatus
+  } = useAvatarRootContext();
+  const [delayPassed, setDelayPassed] = React.useState(delay === void 0);
+  const timeout = useTimeout();
+  React.useEffect(() => {
+    if (delay !== void 0) {
+      timeout.start(delay, () => setDelayPassed(true));
+    }
+    return timeout.clear;
+  }, [timeout, delay]);
+  const state = {
+    imageLoadingStatus
+  };
+  const element = useRenderElement("span", componentProps, {
+    state,
+    ref: forwardedRef,
+    props: elementProps,
+    stateAttributesMapping: avatarStateAttributesMapping,
+    enabled: imageLoadingStatus !== "loaded" && delayPassed
+  });
+  return element;
+});
+if (process.env.NODE_ENV !== "production") AvatarFallback$1.displayName = "AvatarFallback";
+function Avatar({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    AvatarRoot,
+    {
+      "data-slot": "avatar",
+      "data-size": size,
+      className: cn(
+        "group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage2({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    AvatarImage$1,
+    {
+      "data-slot": "avatar-image",
+      className: cn(
+        "aspect-square size-full rounded-full object-cover",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarFallback2({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    AvatarFallback$1,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarBadge({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "span",
+    {
+      "data-slot": "avatar-badge",
+      className: cn(
+        "absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none",
+        "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
+        "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2",
+        "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "avatar-group",
+      className: cn(
+        "group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarGroupCount({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
+    {
+      "data-slot": "avatar-group-count",
+      className: cn(
+        "relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Avatar,
+  AvatarBadge,
+  AvatarFallback2 as AvatarFallback,
+  AvatarGroup,
+  AvatarGroupCount,
+  AvatarImage2 as AvatarImage
+};
+//# sourceMappingURL=index.mjs.map

package/dist/avatar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/avatar/root/AvatarRootContext.js","../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/avatar/root/stateAttributesMapping.js","../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/avatar/root/AvatarRoot.js","../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/avatar/image/useImageLoadingStatus.js","../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/avatar/image/AvatarImage.js","../../../../node_modules/.pnpm/@base-ui+react@1.3.0_@types+react@19.2.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@base-ui/react/esm/avatar/fallback/AvatarFallback.js","../../src/avatar/index.tsx"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const AvatarRootContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") AvatarRootContext.displayName = \"AvatarRootContext\";\nexport function useAvatarRootContext() {\n  const context = React.useContext(AvatarRootContext);\n  if (context === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: AvatarRootContext is missing. Avatar parts must be placed within <Avatar.Root>.' : _formatErrorMessage(13));\n  }\n  return context;\n}","export const avatarStateAttributesMapping = {\n  imageLoadingStatus: () => null\n};","'use client';\n\nimport * as React from 'react';\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { AvatarRootContext } from \"./AvatarRootContext.js\";\nimport { avatarStateAttributesMapping } from \"./stateAttributesMapping.js\";\n\n/**\n * Displays a user's profile picture, initials, or fallback icon.\n * Renders a `<span>` element.\n *\n * Documentation: [Base UI Avatar](https://base-ui.com/react/components/avatar)\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const AvatarRoot = /*#__PURE__*/React.forwardRef(function AvatarRoot(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    ...elementProps\n  } = componentProps;\n  const [imageLoadingStatus, setImageLoadingStatus] = React.useState('idle');\n  const state = {\n    imageLoadingStatus\n  };\n  const contextValue = React.useMemo(() => ({\n    imageLoadingStatus,\n    setImageLoadingStatus\n  }), [imageLoadingStatus, setImageLoadingStatus]);\n  const element = useRenderElement('span', componentProps, {\n    state,\n    ref: forwardedRef,\n    props: elementProps,\n    stateAttributesMapping: avatarStateAttributesMapping\n  });\n  return /*#__PURE__*/_jsx(AvatarRootContext.Provider, {\n    value: contextValue,\n    children: element\n  });\n});\nif (process.env.NODE_ENV !== \"production\") AvatarRoot.displayName = \"AvatarRoot\";","'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { NOOP } from \"../../utils/noop.js\";\nexport function useImageLoadingStatus(src, {\n  referrerPolicy,\n  crossOrigin\n}) {\n  const [loadingStatus, setLoadingStatus] = React.useState('idle');\n  useIsoLayoutEffect(() => {\n    if (!src) {\n      setLoadingStatus('error');\n      return NOOP;\n    }\n    let isMounted = true;\n    const image = new window.Image();\n    const updateStatus = status => () => {\n      if (!isMounted) {\n        return;\n      }\n      setLoadingStatus(status);\n    };\n    setLoadingStatus('loading');\n    image.onload = updateStatus('loaded');\n    image.onerror = updateStatus('error');\n    if (referrerPolicy) {\n      image.referrerPolicy = referrerPolicy;\n    }\n    image.crossOrigin = crossOrigin ?? null;\n    image.src = src;\n    return () => {\n      isMounted = false;\n    };\n  }, [src, crossOrigin, referrerPolicy]);\n  return loadingStatus;\n}","'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useAvatarRootContext } from \"../root/AvatarRootContext.js\";\nimport { avatarStateAttributesMapping } from \"../root/stateAttributesMapping.js\";\nimport { useOpenChangeComplete } from \"../../utils/useOpenChangeComplete.js\";\nimport { transitionStatusMapping } from \"../../utils/stateAttributesMapping.js\";\nimport { useTransitionStatus } from \"../../utils/useTransitionStatus.js\";\nimport { useImageLoadingStatus } from \"./useImageLoadingStatus.js\";\nconst stateAttributesMapping = {\n  ...avatarStateAttributesMapping,\n  ...transitionStatusMapping\n};\n\n/**\n * The image to be displayed in the avatar.\n * Renders an `<img>` element.\n *\n * Documentation: [Base UI Avatar](https://base-ui.com/react/components/avatar)\n */\nexport const AvatarImage = /*#__PURE__*/React.forwardRef(function AvatarImage(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    onLoadingStatusChange: onLoadingStatusChangeProp,\n    referrerPolicy,\n    crossOrigin,\n    ...elementProps\n  } = componentProps;\n  const context = useAvatarRootContext();\n  const imageLoadingStatus = useImageLoadingStatus(componentProps.src, {\n    referrerPolicy,\n    crossOrigin\n  });\n  const isVisible = imageLoadingStatus === 'loaded';\n  const {\n    mounted,\n    transitionStatus,\n    setMounted\n  } = useTransitionStatus(isVisible);\n  const imageRef = React.useRef(null);\n  const handleLoadingStatusChange = useStableCallback(status => {\n    onLoadingStatusChangeProp?.(status);\n    context.setImageLoadingStatus(status);\n  });\n  useIsoLayoutEffect(() => {\n    if (imageLoadingStatus !== 'idle') {\n      handleLoadingStatusChange(imageLoadingStatus);\n    }\n  }, [imageLoadingStatus, handleLoadingStatusChange]);\n  const state = {\n    imageLoadingStatus,\n    transitionStatus\n  };\n  useOpenChangeComplete({\n    open: isVisible,\n    ref: imageRef,\n    onComplete() {\n      if (!isVisible) {\n        setMounted(false);\n      }\n    }\n  });\n  const element = useRenderElement('img', componentProps, {\n    state,\n    ref: [forwardedRef, imageRef],\n    props: elementProps,\n    stateAttributesMapping,\n    enabled: mounted\n  });\n  if (!mounted) {\n    return null;\n  }\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") AvatarImage.displayName = \"AvatarImage\";","'use client';\n\nimport * as React from 'react';\nimport { useTimeout } from '@base-ui/utils/useTimeout';\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useAvatarRootContext } from \"../root/AvatarRootContext.js\";\nimport { avatarStateAttributesMapping } from \"../root/stateAttributesMapping.js\";\n\n/**\n * Rendered when the image fails to load or when no image is provided.\n * Renders a `<span>` element.\n *\n * Documentation: [Base UI Avatar](https://base-ui.com/react/components/avatar)\n */\nexport const AvatarFallback = /*#__PURE__*/React.forwardRef(function AvatarFallback(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    delay,\n    ...elementProps\n  } = componentProps;\n  const {\n    imageLoadingStatus\n  } = useAvatarRootContext();\n  const [delayPassed, setDelayPassed] = React.useState(delay === undefined);\n  const timeout = useTimeout();\n  React.useEffect(() => {\n    if (delay !== undefined) {\n      timeout.start(delay, () => setDelayPassed(true));\n    }\n    return timeout.clear;\n  }, [timeout, delay]);\n  const state = {\n    imageLoadingStatus\n  };\n  const element = useRenderElement('span', componentProps, {\n    state,\n    ref: forwardedRef,\n    props: elementProps,\n    stateAttributesMapping: avatarStateAttributesMapping,\n    enabled: imageLoadingStatus !== 'loaded' && delayPassed\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") AvatarFallback.displayName = \"AvatarFallback\";","\"use client\"\n\nimport * as React from \"react\"\nimport { Avatar as AvatarPrimitive } from \"@base-ui/react/avatar\"\n\nimport { cn } from \"../lib\"\n\nfunction Avatar({\n  className,\n  size = \"default\",\n  ...props\n}: AvatarPrimitive.Root.Props & {\n  size?: \"default\" | \"sm\" | \"lg\"\n}) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        \"group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\n        \"aspect-square size-full rounded-full object-cover\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: AvatarPrimitive.Fallback.Props) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarBadge({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        \"absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none\",\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        \"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2\",\n        \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      className={cn(\n        \"group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarGroupCount({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"avatar-group-count\"\n      className={cn(\n        \"relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Avatar,\n  AvatarImage,\n  AvatarFallback,\n  AvatarGroup,\n  AvatarGroupCount,\n  AvatarBadge,\n}\n"],"names":["_formatErrorMessage","AvatarRoot","_jsx","AvatarImage","AvatarFallback","jsx","AvatarPrimitive.Root","AvatarPrimitive.Image","AvatarPrimitive.Fallback"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}

package/dist/badge/index.d.ts

@@ -0,0 +1,9 @@
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+import { ClassProp } from 'class-variance-authority/types';
+import { ReactElement, JSXElementConstructor } from 'react';
+declare const badgeVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+} & ClassProp) | undefined) => string;
+declare function Badge({ className, variant, render, ...props }: useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>): ReactElement<unknown, string | JSXElementConstructor<any>>;
+export { Badge, badgeVariants };

package/dist/badge/index.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const classVarianceAuthority = require("class-variance-authority");
+const useRender = require("../useRender-PucZeh4Y.js");
+const useRenderElement = require("../useRenderElement-CtyURhhF.js");
+const utils = require("../utils-ij3i9zTT.js");
+const badgeVariants = classVarianceAuthority.cva(
+  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+        destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+        outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant = "default",
+  render,
+  ...props
+}) {
+  return useRender.useRender({
+    defaultTagName: "span",
+    props: useRenderElement.mergeProps(
+      {
+        className: utils.cn(badgeVariants({ variant }), className)
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "badge",
+      variant
+    }
+  });
+}
+exports.Badge = Badge;
+exports.badgeVariants = badgeVariants;
+//# sourceMappingURL=index.js.map

package/dist/badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/badge/index.tsx"],"sourcesContent":["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\"\n\nconst badgeVariants = cva(\n  \"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n        secondary:\n          \"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80\",\n        destructive:\n          \"bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20\",\n        outline:\n          \"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants>) {\n  return useRender({\n    defaultTagName: \"span\",\n    props: mergeProps<\"span\">(\n      {\n        className: cn(badgeVariants({ variant }), className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"badge\",\n      variant,\n    },\n  })\n}\n\nexport { Badge, badgeVariants }\n"],"names":["cva","useRender","mergeProps","cn"],"mappings":";;;;;;AAMA,MAAM,gBAAgBA,uBAAAA;AAAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAAS,MAAM;AAAA,EACb;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAA0E;AACxE,SAAOC,oBAAU;AAAA,IACf,gBAAgB;AAAA,IAChB,OAAOC,iBAAAA;AAAAA,MACL;AAAA,QACE,WAAWC,MAAAA,GAAG,cAAc,EAAE,QAAA,CAAS,GAAG,SAAS;AAAA,MAAA;AAAA,MAErD;AAAA,IAAA;AAAA,IAEF;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN;AAAA,IAAA;AAAA,EACF,CACD;AACH;;;"}

package/dist/badge/index.mjs

@@ -0,0 +1,48 @@
+import { cva } from "class-variance-authority";
+import { u as useRender } from "../useRender-DKDvf6kd.mjs";
+import { m as mergeProps } from "../useRenderElement-DtkRtCHE.mjs";
+import { c as cn } from "../utils-H80jjgLf.mjs";
+const badgeVariants = cva(
+  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+        destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+        outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant = "default",
+  render,
+  ...props
+}) {
+  return useRender({
+    defaultTagName: "span",
+    props: mergeProps(
+      {
+        className: cn(badgeVariants({ variant }), className)
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "badge",
+      variant
+    }
+  });
+}
+export {
+  Badge,
+  badgeVariants
+};
+//# sourceMappingURL=index.mjs.map

package/dist/badge/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/badge/index.tsx"],"sourcesContent":["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\"\n\nconst badgeVariants = cva(\n  \"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n        secondary:\n          \"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80\",\n        destructive:\n          \"bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20\",\n        outline:\n          \"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  render,\n  ...props\n}: useRender.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants>) {\n  return useRender({\n    defaultTagName: \"span\",\n    props: mergeProps<\"span\">(\n      {\n        className: cn(badgeVariants({ variant }), className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"badge\",\n      variant,\n    },\n  })\n}\n\nexport { Badge, badgeVariants }\n"],"names":[],"mappings":";;;;AAMA,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAAS,MAAM;AAAA,EACb;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA,GAAG;AACL,GAA0E;AACxE,SAAO,UAAU;AAAA,IACf,gBAAgB;AAAA,IAChB,OAAO;AAAA,MACL;AAAA,QACE,WAAW,GAAG,cAAc,EAAE,QAAA,CAAS,GAAG,SAAS;AAAA,MAAA;AAAA,MAErD;AAAA,IAAA;AAAA,IAEF;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN;AAAA,IAAA;AAAA,EACF,CACD;AACH;"}

package/dist/breadcrumb/index.d.ts

@@ -0,0 +1,10 @@
+import { useRender } from '@base-ui/react/use-render';
+import * as React from "react";
+declare function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbLink({ className, render, ...props }: useRender.ComponentProps<"a">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/dist/breadcrumb/index.js

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../jsx-runtime-CPzt8Nmm.js");
+const lucideReact = require("lucide-react");
+const utils = require("../utils-ij3i9zTT.js");
+const useRender = require("../useRender-PucZeh4Y.js");
+const useRenderElement = require("../useRenderElement-CtyURhhF.js");
+function Breadcrumb({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "nav",
+    {
+      "aria-label": "breadcrumb",
+      "data-slot": "breadcrumb",
+      className: utils.cn(className),
+      ...props
+    }
+  );
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: utils.cn(
+        "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: utils.cn("inline-flex items-center gap-1", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbLink({
+  className,
+  render,
+  ...props
+}) {
+  return useRender.useRender({
+    defaultTagName: "a",
+    props: useRenderElement.mergeProps(
+      {
+        className: utils.cn("transition-colors hover:text-foreground", className)
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "breadcrumb-link"
+    }
+  });
+}
+function BreadcrumbPage({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: utils.cn("font-normal text-foreground", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: utils.cn("[&>svg]:size-3.5", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.ChevronRightIcon, {})
+    }
+  );
+}
+function BreadcrumbEllipsis({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    "span",
+    {
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: utils.cn(
+        "flex size-5 items-center justify-center [&>svg]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          lucideReact.MoreHorizontalIcon,
+          {}
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+exports.Breadcrumb = Breadcrumb;
+exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
+exports.BreadcrumbItem = BreadcrumbItem;
+exports.BreadcrumbLink = BreadcrumbLink;
+exports.BreadcrumbList = BreadcrumbList;
+exports.BreadcrumbPage = BreadcrumbPage;
+exports.BreadcrumbSeparator = BreadcrumbSeparator;
+//# sourceMappingURL=index.js.map

package/dist/breadcrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/breadcrumb/index.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { mergeProps } from \"@base-ui/react/merge-props\"\nimport { useRender } from \"@base-ui/react/use-render\"\n\nimport { cn } from \"../lib\"\nimport { ChevronRightIcon, MoreHorizontalIcon } from \"lucide-react\"\n\nfunction Breadcrumb({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      aria-label=\"breadcrumb\"\n      data-slot=\"breadcrumb\"\n      className={cn(className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"inline-flex items-center gap-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbLink({\n  className,\n  render,\n  ...props\n}: useRender.ComponentProps<\"a\">) {\n  return useRender({\n    defaultTagName: \"a\",\n    props: mergeProps<\"a\">(\n      {\n        className: cn(\"transition-colors hover:text-foreground\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"breadcrumb-link\",\n    },\n  })\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\"font-normal text-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? (\n        <ChevronRightIcon />\n      )}\n    </li>\n  )\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\n        \"flex size-5 items-center justify-center [&>svg]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <MoreHorizontalIcon\n      />\n      <span className=\"sr-only\">More</span>\n    </span>\n  )\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n}\n"],"names":["jsx","cn","useRender","mergeProps","ChevronRightIcon","jsxs","MoreHorizontalIcon"],"mappings":";;;;;;;AAOA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,SACEA,2BAAAA,kBAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,aAAU;AAAA,MACV,WAAWC,MAAAA,GAAG,SAAS;AAAA,MACtB,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAqC;AAC3E,SACED,2BAAAA,kBAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAqC;AAC3E,SACED,2BAAAA,kBAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,MAAAA,GAAG,kCAAkC,SAAS;AAAA,MACxD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkC;AAChC,SAAOC,oBAAU;AAAA,IACf,gBAAgB;AAAA,IAChB,OAAOC,iBAAAA;AAAAA,MACL;AAAA,QACE,WAAWF,MAAAA,GAAG,2CAA2C,SAAS;AAAA,MAAA;AAAA,MAEpE;AAAA,IAAA;AAAA,IAEF;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACR,CACD;AACH;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAuC;AAC7E,SACED,2BAAAA,kBAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,gBAAa;AAAA,MACb,WAAWC,MAAAA,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA+B;AAC7B,SACED,2BAAAA,kBAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAWC,MAAAA,GAAG,oBAAoB,SAAS;AAAA,MAC1C,GAAG;AAAA,MAEH,UAAA,6DACEG,YAAAA,kBAAA,CAAA,CAAiB;AAAA,IAAA;AAAA,EAAA;AAI1B;AAEA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAAiC;AAC/B,SACEC,2BAAAA,kBAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAWJ,MAAAA;AAAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAED,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAAD,2BAAAA,kBAAAA;AAAAA,UAACM,YAAAA;AAAAA,UAAA,CAAA;AAAA,QAAA;AAAA,QAEDN,2BAAAA,kBAAAA,IAAC,QAAA,EAAK,WAAU,WAAU,UAAA,OAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpC;;;;;;;;"}