@huin-core/react-breadcrumb 1.0.1

package/README.md

@@ -0,0 +1,13 @@
+# `react-breadcrumb`
+
+## Installation
+
+```sh
+$ yarn add @huin-core/react-breadcrumb
+# or
+$ npm install @huin-core/react-breadcrumb
+```
+
+## Usage
+
+View docs [here](https://huinhub.com/primitives/docs/components/breadcrumb).

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@huin-core/react-breadcrumb",
+  "version": "1.0.1",
+  "license": "MIT",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "source": "./src/index.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "src",
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "clean": "rm -rf dist",
+    "version": "yarn version"
+  },
+  "dependencies": {
+    "@huin-core/primitive": "workspace:*",
+    "@huin-core/react-compose-refs": "workspace:*",
+    "@huin-core/react-context": "workspace:*",
+    "@huin-core/react-primitive": "workspace:*",
+    "@huin-core/react-slot": "workspace:*"
+  },
+  "peerDependencies": {
+    "@types/react": "*",
+    "@types/react-dom": "*",
+    "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+    "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    },
+    "@types/react-dom": {
+      "optional": true
+    }
+  },
+  "homepage": "https://huinhub.com/primitives",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/firatorhan/huin-core.git"
+  },
+  "bugs": {
+    "url": "https://github.com/firatorhan/huin-core/issues"
+  }
+}

package/src/Breadcrumb.tsx

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { Primitive } from "@huin-core/react-primitive";
+
+/* -------------------------------------------------------------------------------------------------
+ * Breadcrumb
+ * -----------------------------------------------------------------------------------------------*/
+
+const ROOT_NAME = "Breadcrumb";
+const Breadcrumb = React.forwardRef<
+  HTMLElement,
+  React.ComponentPropsWithoutRef<"nav"> & {
+    separator?: React.ReactNode;
+  }
+>(({ ...props }, ref) => (
+  <Primitive.nav ref={ref} aria-label="breadcrumb" {...props} />
+));
+Breadcrumb.displayName = ROOT_NAME;
+
+export { Breadcrumb };

package/src/BreadcrumbEllipsis.tsx

@@ -0,0 +1,20 @@
+import { Primitive } from "@huin-core/react-primitive";
+import React from "react";
+
+const ELLIPSISNAME = "BreadcrumbElipssis";
+const BreadcrumbEllipsis = React.forwardRef<
+  HTMLSpanElement,
+  React.ComponentPropsWithoutRef<typeof Primitive.span>
+>(({ className, ...props }, ref) => (
+  <Primitive.span
+    role="presentation"
+    aria-hidden="true"
+    {...props}
+  />
+    
+  
+));
+
+BreadcrumbEllipsis.displayName = ELLIPSISNAME;
+
+export { BreadcrumbEllipsis };

package/src/BreadcrumbItem.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+import { Primitive } from "@huin-core/react-primitive";
+
+const ITEM_NAME = "BreadcrumbItem";
+const BreadcrumbItem = React.forwardRef<
+  HTMLLIElement,
+  React.ComponentPropsWithoutRef<"li">
+>(({ ...props }, ref) => <Primitive.li ref={ref} {...props} />);
+BreadcrumbItem.displayName = ITEM_NAME;
+
+export { BreadcrumbItem };

package/src/BreadcrumbLink.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+import { Slot } from "@huin-core/react-slot";
+import { Primitive } from "@huin-core/react-primitive";
+
+const LINK_NAME = "BreadcrumbLink";
+const BreadcrumbLink = React.forwardRef<
+  HTMLAnchorElement,
+  React.ComponentPropsWithoutRef<typeof Primitive.a> & {
+    asChild?: boolean;
+  }
+>(({ asChild, ...props }, ref) => {
+  const Comp = asChild ? Slot : Primitive.a;
+
+  return <Comp ref={ref} {...props} />;
+});
+BreadcrumbLink.displayName = LINK_NAME;
+
+export { BreadcrumbLink };

package/src/BreadcrumbList.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+import { Primitive } from "@huin-core/react-primitive";
+
+const LIST_NAME = "BreadcrumbList";
+const BreadcrumbList = React.forwardRef<
+  HTMLOListElement,
+  React.ComponentPropsWithoutRef<"ol">
+>(({ ...props }, ref) => <Primitive.ol ref={ref} {...props} />);
+BreadcrumbList.displayName = LIST_NAME;
+
+export { BreadcrumbList };

package/src/BreadcrumbPage.tsx

@@ -0,0 +1,19 @@
+import { Primitive } from "@huin-core/react-primitive";
+import React from "react";
+
+const PAGE_NAME = "BreadcrumbPage";
+const BreadcrumbPage = React.forwardRef<
+  HTMLSpanElement,
+  React.ComponentPropsWithoutRef<typeof Primitive.span>
+>(({ ...props }, ref) => (
+  <Primitive.span
+    ref={ref}
+    role="link"
+    aria-disabled="true"
+    aria-current="page"
+    {...props}
+  />
+));
+BreadcrumbPage.displayName = PAGE_NAME;
+
+export { BreadcrumbPage };

package/src/BreadcrumbSeparator.tsx

@@ -0,0 +1,14 @@
+import { Primitive } from "@huin-core/react-primitive";
+import React from "react";
+
+const SEPARATOR_NAME = "BreadcrumbSeparator";
+const BreadcrumbSeparator = React.forwardRef<
+  HTMLLIElement,
+  React.ComponentPropsWithoutRef<typeof Primitive.li>
+>(({ children, ...props }, ref) => (
+  <Primitive.li role="presentation" ref={ref} aria-hidden="true" {...props} />
+));
+
+BreadcrumbSeparator.displayName = SEPARATOR_NAME;
+
+export { BreadcrumbSeparator };

package/src/index.ts

@@ -0,0 +1,10 @@
+"use client";
+export { Breadcrumb } from "./Breadcrumb";
+export { BreadcrumbList } from "./BreadcrumbList";
+export { BreadcrumbItem } from "./BreadcrumbItem";
+export { BreadcrumbLink } from "./BreadcrumbLink";
+export { BreadcrumbPage } from "./BreadcrumbPage";
+export { BreadcrumbSeparator } from "./BreadcrumbSeparator";
+export { BreadcrumbEllipsis } from "./BreadcrumbEllipsis";
+
+export type {} from "./Breadcrumb";