@scaleflex/ui-tw 0.0.125 → 0.0.126

package/breadcrumb/breadcrumb.component.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparatorProps } from './breadcrumb.types';
+declare function Breadcrumb({ className, ...props }: BreadcrumbProps): React.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: BreadcrumbListProps): React.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: BreadcrumbItemProps): React.JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: BreadcrumbLinkProps): React.JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps): React.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps): React.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): React.JSX.Element;
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/breadcrumb/breadcrumb.component.js

@@ -0,0 +1,85 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className"],
+  _excluded2 = ["className"],
+  _excluded3 = ["className"],
+  _excluded4 = ["asChild", "className"],
+  _excluded5 = ["className"],
+  _excluded6 = ["children", "className"],
+  _excluded7 = ["className"];
+import { Slot } from '@radix-ui/react-slot';
+import { cn } from '@scaleflex/ui-tw/utils/cn';
+import { ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';
+import React from 'react';
+function Breadcrumb(_ref) {
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("nav", _extends({
+    "data-slot": "breadcrumb",
+    "aria-label": "breadcrumb",
+    className: className
+  }, props));
+}
+function BreadcrumbList(_ref2) {
+  var className = _ref2.className,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement("ol", _extends({
+    "data-slot": "breadcrumb-list",
+    className: cn('text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5', className)
+  }, props));
+}
+function BreadcrumbItem(_ref3) {
+  var className = _ref3.className,
+    props = _objectWithoutProperties(_ref3, _excluded3);
+  return /*#__PURE__*/React.createElement("li", _extends({
+    "data-slot": "breadcrumb-item",
+    className: cn('inline-flex items-center gap-1.5', className)
+  }, props));
+}
+function BreadcrumbLink(_ref4) {
+  var asChild = _ref4.asChild,
+    className = _ref4.className,
+    props = _objectWithoutProperties(_ref4, _excluded4);
+  var Comp = asChild ? Slot : 'a';
+  return /*#__PURE__*/React.createElement(Comp, _extends({
+    "data-slot": "breadcrumb-link",
+    className: cn('hover:text-foreground transition-colors', className)
+  }, props));
+}
+function BreadcrumbPage(_ref5) {
+  var className = _ref5.className,
+    props = _objectWithoutProperties(_ref5, _excluded5);
+  return /*#__PURE__*/React.createElement("span", _extends({
+    "data-slot": "breadcrumb-page",
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: cn('text-foreground font-normal', className)
+  }, props));
+}
+function BreadcrumbSeparator(_ref6) {
+  var children = _ref6.children,
+    className = _ref6.className,
+    props = _objectWithoutProperties(_ref6, _excluded6);
+  return /*#__PURE__*/React.createElement("li", _extends({
+    "data-slot": "breadcrumb-separator",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn('[&>svg]:size-3.5', className)
+  }, props), children !== null && children !== void 0 ? children : /*#__PURE__*/React.createElement(ChevronRightIcon, null));
+}
+function BreadcrumbEllipsis(_ref7) {
+  var className = _ref7.className,
+    props = _objectWithoutProperties(_ref7, _excluded7);
+  return /*#__PURE__*/React.createElement("span", _extends({
+    "data-slot": "breadcrumb-ellipsis",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn('flex size-9 items-center justify-center', className)
+  }, props), /*#__PURE__*/React.createElement(MoreHorizontalIcon, {
+    className: "size-4"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "sr-only"
+  }, "More"));
+}
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis };

package/breadcrumb/breadcrumb.types.d.ts

@@ -0,0 +1,17 @@
+import type { ComponentProps } from 'react';
+export interface BreadcrumbProps extends ComponentProps<'nav'> {
+    separator?: React.ReactNode;
+}
+export interface BreadcrumbListProps extends ComponentProps<'ol'> {
+}
+export interface BreadcrumbItemProps extends ComponentProps<'li'> {
+}
+export interface BreadcrumbLinkProps extends ComponentProps<'a'> {
+    asChild?: boolean;
+}
+export interface BreadcrumbPageProps extends ComponentProps<'span'> {
+}
+export interface BreadcrumbSeparatorProps extends ComponentProps<'li'> {
+}
+export interface BreadcrumbEllipsisProps extends ComponentProps<'span'> {
+}

package/breadcrumb/breadcrumb.types.js

@@ -0,0 +1 @@
+export {};

package/breadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from './breadcrumb.component';
+export type { BreadcrumbProps, BreadcrumbListProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbPageProps, BreadcrumbSeparatorProps, BreadcrumbEllipsisProps, } from './breadcrumb.types';

package/breadcrumb/index.js

@@ -0,0 +1 @@
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis } from './breadcrumb.component';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/ui-tw",
-  "version": "0.0.125",
+  "version": "0.0.126",
   "author": "scaleflex",
   "repository": "github:scaleflex/ui",
   "homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
@@ -28,7 +28,7 @@
     "@radix-ui/react-switch": "^1.0.1",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.6",
-    "@scaleflex/icons-tw": "^0.0.125",
+    "@scaleflex/icons-tw": "^0.0.126",
     "@tanstack/react-table": "^8.21.3",
     "@types/lodash.merge": "^4.6.9",
     "class-variance-authority": "^0.7.1",