@luxfi/ui 8.0.0 → 8.2.0

package/dist/bank.d.ts

@@ -1,75 +1,75 @@
 import React from 'react';
 import type { GetProps } from '@hanzo/gui';
 export declare const bankColors: {
-    readonly bg: "#000000";
-    readonly card: "#111111";
-    readonly cardBorder: "#222222";
-    readonly input: "#1A1A1A";
-    readonly inputBorder: "#333333";
-    readonly inputFocus: "#555555";
-    readonly inputPlaceholder: "#666666";
-    readonly text: "#FFFFFF";
-    readonly textMuted: "#888888";
-    readonly textLabel: "#CCCCCC";
-    readonly accent: "#FFFFFF";
-    readonly accentPress: "#E0E0E0";
-    readonly accentHover: "#F0F0F0";
-    readonly error: "#FF4444";
-    readonly errorBg: "#1C0A0A";
-    readonly errorBorder: "#441111";
-    readonly success: "#44FF44";
-    readonly successBg: "#0A1C0A";
-    readonly successBorder: "#114411";
-    readonly divider: "#222222";
-    readonly disabled: "#444444";
+    readonly bg: '#000000';
+    readonly card: '#111111';
+    readonly cardBorder: '#222222';
+    readonly input: '#1A1A1A';
+    readonly inputBorder: '#333333';
+    readonly inputFocus: '#555555';
+    readonly inputPlaceholder: '#666666';
+    readonly text: '#FFFFFF';
+    readonly textMuted: '#888888';
+    readonly textLabel: '#CCCCCC';
+    readonly accent: '#FFFFFF';
+    readonly accentPress: '#E0E0E0';
+    readonly accentHover: '#F0F0F0';
+    readonly error: '#FF4444';
+    readonly errorBg: '#1C0A0A';
+    readonly errorBorder: '#441111';
+    readonly success: '#44FF44';
+    readonly successBg: '#0A1C0A';
+    readonly successBorder: '#114411';
+    readonly divider: '#222222';
+    readonly disabled: '#444444';
 };
 export declare const BankCard: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
-    size?: "sm" | "md" | "lg" | undefined;
+    size?: "lg" | "md" | "sm" | undefined;
 }, import("@hanzogui/web").StaticConfigPublic>;
 export type BankCardProps = GetProps<typeof BankCard>;
 export declare const BankInput: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/core").RNGuiTextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
-    size?: "sm" | "md" | "lg" | undefined;
-    unstyled?: boolean | undefined;
     invalid?: boolean | undefined;
+    size?: "lg" | "md" | "sm" | undefined;
+    unstyled?: boolean | undefined;
 }, import("@hanzogui/web").StaticConfigPublic>;
 export type BankInputProps = GetProps<typeof BankInput> & {
     placeholderTextColor?: string;
 };
 export declare const BankButton: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
-    variant?: "primary" | "secondary" | "ghost" | undefined;
     disabled?: boolean | undefined;
+    variant?: "ghost" | "primary" | "secondary" | undefined;
 }, import("@hanzogui/web").StaticConfigPublic>;
 export declare const BankButtonText: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/core").RNGuiTextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
-    variant?: "primary" | "secondary" | "ghost" | undefined;
     unstyled?: boolean | undefined;
+    variant?: "ghost" | "primary" | "secondary" | undefined;
 }, import("@hanzogui/web").StaticConfigPublic>;
 export type BankButtonProps = GetProps<typeof BankButton>;
 export declare const BankHeading: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/core").RNGuiTextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    size?: "lg" | "md" | "sm" | "xl" | "xs" | undefined;
     unstyled?: boolean | undefined;
 }, import("@hanzogui/web").StaticConfigPublic>;
 export type BankHeadingProps = GetProps<typeof BankHeading>;
 export declare const BankText: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/core").RNGuiTextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
-    variant?: "label" | "link" | "default" | "error" | "success" | "muted" | undefined;
     unstyled?: boolean | undefined;
+    variant?: "default" | "error" | "label" | "link" | "muted" | "success" | undefined;
 }, import("@hanzogui/web").StaticConfigPublic>;
 export type BankTextProps = GetProps<typeof BankText>;
 export declare function BankField({ label, error, children, }: {
     label?: string;
     error?: string;
     children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export declare const BankAlert: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
     status?: "error" | "success" | undefined;
 }, import("@hanzogui/web").StaticConfigPublic>;
 export declare const BankAlertText: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/core").RNGuiTextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
-    unstyled?: boolean | undefined;
     status?: "error" | "success" | undefined;
+    unstyled?: boolean | undefined;
 }, import("@hanzogui/web").StaticConfigPublic>;
 export type BankAlertProps = GetProps<typeof BankAlert>;
 export declare const BankPinBox: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiTextElement, import("@hanzogui/core").RNGuiTextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
-    unstyled?: boolean | undefined;
     invalid?: boolean | undefined;
+    unstyled?: boolean | undefined;
 }, import("@hanzogui/web").StaticConfigPublic>;
 export type BankPinBoxProps = GetProps<typeof BankPinBox>;
 export declare const BankDivider: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {}, import("@hanzogui/web").StaticConfigPublic>;

package/dist/bank.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bank.d.ts","sourceRoot":"","sources":["../src/bank.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAI1C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;CAsBb,CAAA;AAGV,eAAO,MAAM,QAAQ;;8CAsBnB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAGrD,eAAO,MAAM,SAAS;;;;8CAuCpB,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,GAAG;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAGD,eAAO,MAAM,UAAU;;;8CAgDrB,CAAA;AAEF,eAAO,MAAM,cAAc;;;8CAczB,CAAA;AAEF,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAGzD,eAAO,MAAM,WAAW;;;8CAkBtB,CAAA;AAEF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAG3D,eAAO,MAAM,QAAQ;;;8CAoBnB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAIrD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,2CAQA;AAGD,eAAO,MAAM,SAAS;;8CAmBpB,CAAA;AAEF,eAAO,MAAM,aAAa;;;8CAUxB,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAGvD,eAAO,MAAM,UAAU;;;8CAwBrB,CAAA;AAEF,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAGzD,eAAO,MAAM,WAAW,sPAKtB,CAAA;AAGF,eAAO,MAAM,QAAQ,sPAOnB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA"}
+{"version":3,"file":"bank.d.ts","sourceRoot":"","sources":["../src/bank.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAI1C,eAAO,MAAM,UAAU;aACrB,EAAE,EAAE,SAAS;aACb,IAAI,EAAE,SAAS;aACf,UAAU,EAAE,SAAS;aACrB,KAAK,EAAE,SAAS;aAChB,WAAW,EAAE,SAAS;aACtB,UAAU,EAAE,SAAS;aACrB,gBAAgB,EAAE,SAAS;aAC3B,IAAI,EAAE,SAAS;aACf,SAAS,EAAE,SAAS;aACpB,SAAS,EAAE,SAAS;aACpB,MAAM,EAAE,SAAS;aACjB,WAAW,EAAE,SAAS;aACtB,WAAW,EAAE,SAAS;aACtB,KAAK,EAAE,SAAS;aAChB,OAAO,EAAE,SAAS;aAClB,WAAW,EAAE,SAAS;aACtB,OAAO,EAAE,SAAS;aAClB,SAAS,EAAE,SAAS;aACpB,aAAa,EAAE,SAAS;aACxB,OAAO,EAAE,SAAS;aAClB,QAAQ,EAAE,SAAS;CACX,CAAA;AAGV,eAAO,MAAM,QAAQ;;8CAsBnB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAGrD,eAAO,MAAM,SAAS;;;;8CAuCpB,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,GAAG;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAGD,eAAO,MAAM,UAAU;;;8CAgDrB,CAAA;AAEF,eAAO,MAAM,cAAc;;;8CAczB,CAAA;AAEF,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAGzD,eAAO,MAAM,WAAW;;;8CAkBtB,CAAA;AAEF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAG3D,eAAO,MAAM,QAAQ;;;8CAoBnB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAIrD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,qBAQA;AAGD,eAAO,MAAM,SAAS;;8CAmBpB,CAAA;AAEF,eAAO,MAAM,aAAa;;;8CAUxB,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AAGvD,eAAO,MAAM,UAAU;;;8CAwBrB,CAAA;AAEF,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAGzD,eAAO,MAAM,WAAW,sPAKtB,CAAA;AAGF,eAAO,MAAM,QAAQ,sPAOnB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA"}

package/dist/banner.cjs

@@ -0,0 +1,78 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var ui = require('@hanzo/ui');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var bannerVariants = ui.variants(
+  "relative w-full border-b px-4 py-3 text-sm [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        info: "border-[var(--color-link-primary)]/50 bg-[var(--color-link-primary)] text-[var(--color-link-primary)] dark:bg-[var(--color-link-primary)] dark:text-[var(--color-link-primary)] [&>svg]:text-[var(--color-link-primary)] dark:[&>svg]:text-[var(--color-link-primary)]",
+        success: "border-[var(--lux-state-success)]/50 bg-[var(--lux-state-success)] text-[var(--lux-state-success)] dark:bg-[var(--lux-state-success)] dark:text-[var(--lux-state-success)] [&>svg]:text-[var(--lux-state-success)] dark:[&>svg]:text-[var(--lux-state-success)]",
+        warning: "border-[var(--lux-state-notice)]/50 bg-[var(--lux-state-notice)] text-[var(--lux-state-notice)] dark:bg-[var(--lux-state-notice)] dark:text-[var(--lux-state-notice)] [&>svg]:text-[var(--lux-state-notice)] dark:[&>svg]:text-[var(--lux-state-notice)]",
+        error: "border-[var(--lux-state-error)]/50 bg-[var(--lux-state-error)] text-[var(--lux-state-error)] dark:bg-[var(--lux-state-error)] dark:text-[var(--lux-state-error)] [&>svg]:text-[var(--lux-state-error)] dark:[&>svg]:text-[var(--lux-state-error)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Banner = React__namespace.forwardRef(
+  ({ className, variant, onClose, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Box,
+      {
+        ref,
+        role: "alert",
+        className: ui.cn(bannerVariants({ variant }), className),
+        ...props,
+        children: [
+          children,
+          onClose && /* @__PURE__ */ jsxRuntime.jsxs(
+            ui.Box,
+            {
+              tag: "button",
+              type: "button",
+              onClick: onClose,
+              className: "absolute right-4 top-3 rounded-md p-1 hover:bg-black/5 dark:hover:bg-white/5",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { style: ui.css("h-4 w-4") }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Banner.displayName = "Banner";
+
+exports.Banner = Banner;
+exports.bannerVariants = bannerVariants;

package/dist/banner.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { VariantProps } from '@hanzo/ui';
+declare const bannerVariants: (choice?: (import("@hanzo/ui").Choice<{
+    variant: {
+        default: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}> & {
+    class?: import("@hanzo/ui").ClassValue;
+    className?: import("@hanzo/ui").ClassValue;
+}) | undefined) => string;
+export interface BannerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof bannerVariants> {
+    onClose?: () => void;
+}
+declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
+export { Banner, bannerVariants };
+//# sourceMappingURL=banner.d.ts.map

package/dist/banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../src/banner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,YAAY,EAAiB,MAAM,WAAW,CAAA;AAK5D,QAAA,MAAM,cAAc;;QAKZ,OAAO;QACP,IAAI;QACJ,OAAO;QAEP,OAAO;QAEP,KAAK;;;;;yBAQZ,CAAA;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,QAAA,MAAM,MAAM,oFAuBX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/banner.js

@@ -0,0 +1,55 @@
+"use client";
+import * as React from 'react';
+import { variants, Box, cn, css } from '@hanzo/ui';
+import { X } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var bannerVariants = variants(
+  "relative w-full border-b px-4 py-3 text-sm [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        info: "border-[var(--color-link-primary)]/50 bg-[var(--color-link-primary)] text-[var(--color-link-primary)] dark:bg-[var(--color-link-primary)] dark:text-[var(--color-link-primary)] [&>svg]:text-[var(--color-link-primary)] dark:[&>svg]:text-[var(--color-link-primary)]",
+        success: "border-[var(--lux-state-success)]/50 bg-[var(--lux-state-success)] text-[var(--lux-state-success)] dark:bg-[var(--lux-state-success)] dark:text-[var(--lux-state-success)] [&>svg]:text-[var(--lux-state-success)] dark:[&>svg]:text-[var(--lux-state-success)]",
+        warning: "border-[var(--lux-state-notice)]/50 bg-[var(--lux-state-notice)] text-[var(--lux-state-notice)] dark:bg-[var(--lux-state-notice)] dark:text-[var(--lux-state-notice)] [&>svg]:text-[var(--lux-state-notice)] dark:[&>svg]:text-[var(--lux-state-notice)]",
+        error: "border-[var(--lux-state-error)]/50 bg-[var(--lux-state-error)] text-[var(--lux-state-error)] dark:bg-[var(--lux-state-error)] dark:text-[var(--lux-state-error)] [&>svg]:text-[var(--lux-state-error)] dark:[&>svg]:text-[var(--lux-state-error)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Banner = React.forwardRef(
+  ({ className, variant, onClose, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        ref,
+        role: "alert",
+        className: cn(bannerVariants({ variant }), className),
+        ...props,
+        children: [
+          children,
+          onClose && /* @__PURE__ */ jsxs(
+            Box,
+            {
+              tag: "button",
+              type: "button",
+              onClick: onClose,
+              className: "absolute right-4 top-3 rounded-md p-1 hover:bg-black/5 dark:hover:bg-white/5",
+              children: [
+                /* @__PURE__ */ jsx(X, { style: css("h-4 w-4") }),
+                /* @__PURE__ */ jsx(Box, { tag: "span", className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Banner.displayName = "Banner";
+
+export { Banner, bannerVariants };

package/dist/breadcrumb-and-filters-navigation-bar.cjs

@@ -0,0 +1,51 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var BreadcrumbAndFiltersNavigationBar = React__namespace.forwardRef(({ className, items = [], ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Box,
+    {
+      tag: "nav",
+      ref,
+      className: ui.cn("border-b bg-background", className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "container flex h-16 items-center gap-6", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Box,
+        {
+          tag: "a",
+          href: item.href,
+          className: "text-sm font-medium transition-colors hover:text-primary",
+          children: item.label
+        },
+        item.href
+      )) })
+    }
+  );
+});
+BreadcrumbAndFiltersNavigationBar.displayName = "BreadcrumbAndFiltersNavigationBar";
+
+exports.BreadcrumbAndFiltersNavigationBar = BreadcrumbAndFiltersNavigationBar;

package/dist/breadcrumb-and-filters-navigation-bar.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export interface BreadcrumbAndFiltersNavigationBarProps extends React.HTMLAttributes<HTMLElement> {
+    items?: Array<{
+        label: string;
+        href: string;
+    }>;
+}
+declare const BreadcrumbAndFiltersNavigationBar: React.ForwardRefExoticComponent<BreadcrumbAndFiltersNavigationBarProps & React.RefAttributes<HTMLElement>>;
+export { BreadcrumbAndFiltersNavigationBar };
+//# sourceMappingURL=breadcrumb-and-filters-navigation-bar.d.ts.map

package/dist/breadcrumb-and-filters-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-and-filters-navigation-bar.d.ts","sourceRoot":"","sources":["../src/breadcrumb-and-filters-navigation-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,sCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzC,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAC/C;AAED,QAAA,MAAM,iCAAiC,4GAuBrC,CAAA;AAIF,OAAO,EAAE,iCAAiC,EAAE,CAAA"}

package/dist/breadcrumb-and-filters-navigation-bar.js

@@ -0,0 +1,29 @@
+"use client";
+import * as React from 'react';
+import { Box, cn } from '@hanzo/ui';
+import { jsx } from 'react/jsx-runtime';
+
+var BreadcrumbAndFiltersNavigationBar = React.forwardRef(({ className, items = [], ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      tag: "nav",
+      ref,
+      className: cn("border-b bg-background", className),
+      ...props,
+      children: /* @__PURE__ */ jsx(Box, { className: "container flex h-16 items-center gap-6", children: items.map((item) => /* @__PURE__ */ jsx(
+        Box,
+        {
+          tag: "a",
+          href: item.href,
+          className: "text-sm font-medium transition-colors hover:text-primary",
+          children: item.label
+        },
+        item.href
+      )) })
+    }
+  );
+});
+BreadcrumbAndFiltersNavigationBar.displayName = "BreadcrumbAndFiltersNavigationBar";
+
+export { BreadcrumbAndFiltersNavigationBar };

package/dist/breadcrumb-navigation-bar.cjs

@@ -0,0 +1,37 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var ui = require('@hanzo/ui');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var BreadcrumbNavigationBar = React__namespace.forwardRef(({ className, items = [], ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "nav", ref, className: ui.cn("border-b", className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "container flex h-12 items-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "ol", className: "flex items-center gap-2 text-sm", children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { tag: "li", className: "flex items-center gap-2", children: [
+    index > 0 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { style: ui.css("h-4 w-4 text-muted-foreground") }),
+    item.href ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "a", href: item.href, className: "hover:text-primary", children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "text-muted-foreground", children: item.label })
+  ] }, index)) }) }) });
+});
+BreadcrumbNavigationBar.displayName = "BreadcrumbNavigationBar";
+
+exports.BreadcrumbNavigationBar = BreadcrumbNavigationBar;

package/dist/breadcrumb-navigation-bar.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export interface BreadcrumbNavigationBarProps extends React.HTMLAttributes<HTMLElement> {
+    items?: Array<{
+        label: string;
+        href?: string;
+    }>;
+}
+declare const BreadcrumbNavigationBar: React.ForwardRefExoticComponent<BreadcrumbNavigationBarProps & React.RefAttributes<HTMLElement>>;
+export { BreadcrumbNavigationBar };
+//# sourceMappingURL=breadcrumb-navigation-bar.d.ts.map

package/dist/breadcrumb-navigation-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-navigation-bar.d.ts","sourceRoot":"","sources":["../src/breadcrumb-navigation-bar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,WAAW,4BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzC,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CAChD;AAED,QAAA,MAAM,uBAAuB,kGA0B3B,CAAA;AAGF,OAAO,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/breadcrumb-navigation-bar.js

@@ -0,0 +1,15 @@
+"use client";
+import * as React from 'react';
+import { Box, cn, css } from '@hanzo/ui';
+import { ChevronRight } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var BreadcrumbNavigationBar = React.forwardRef(({ className, items = [], ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Box, { tag: "nav", ref, className: cn("border-b", className), ...props, children: /* @__PURE__ */ jsx(Box, { className: "container flex h-12 items-center", children: /* @__PURE__ */ jsx(Box, { tag: "ol", className: "flex items-center gap-2 text-sm", children: items.map((item, index) => /* @__PURE__ */ jsxs(Box, { tag: "li", className: "flex items-center gap-2", children: [
+    index > 0 && /* @__PURE__ */ jsx(ChevronRight, { style: css("h-4 w-4 text-muted-foreground") }),
+    item.href ? /* @__PURE__ */ jsx(Box, { tag: "a", href: item.href, className: "hover:text-primary", children: item.label }) : /* @__PURE__ */ jsx(Box, { tag: "span", className: "text-muted-foreground", children: item.label })
+  ] }, index)) }) }) });
+});
+BreadcrumbNavigationBar.displayName = "BreadcrumbNavigationBar";
+
+export { BreadcrumbNavigationBar };