@accreditation/ui 1.0.0

package/dist/components/molecules/breadcrumb/components/breadcrumb.js

@@ -0,0 +1,231 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactSlot = require('@radix-ui/react-slot');
+var lucideReact = require('lucide-react');
+var utils = require('../../../../lib/utils');
+var variants = require('../variants');
+
+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);
+
+const BreadcrumbContext = React__namespace.createContext({});
+function computeCollapse(items, maxItems) {
+  const total = items.length;
+  if (maxItems >= total) {
+    return { visible: items, end: [], collapsed: [] };
+  }
+  const endCount = Math.min(2, total);
+  const startCount = 1;
+  const middleCount = Math.max(0, maxItems - startCount - endCount - 1);
+  const endStart = total - endCount;
+  const visible = items.slice(0, startCount + middleCount);
+  const end = items.slice(endStart);
+  const collapsed = items.slice(startCount + middleCount, endStart);
+  return { visible, end, collapsed };
+}
+function BreadcrumbEllipsisDropdown({ items }) {
+  const [open, setOpen] = React__namespace.useState(false);
+  const ref = React__namespace.useRef(null);
+  React__namespace.useEffect(() => {
+    if (!open) return;
+    const onMouseDown = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", onMouseDown);
+    return () => document.removeEventListener("mousedown", onMouseDown);
+  }, [open]);
+  React__namespace.useEffect(() => {
+    if (!open) return;
+    const onKeyDown = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [open]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: "relative inline-flex items-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": "View hidden pages",
+        "aria-expanded": open,
+        "aria-haspopup": "listbox",
+        onClick: () => setOpen((v) => !v),
+        className: utils.cn(
+          variants.breadcrumbEllipsisWrapperClasses,
+          "cursor-pointer rounded-none transition-colors hover:bg-muted hover:text-foreground",
+          open && "bg-muted text-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More pages" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        role: "listbox",
+        "aria-label": "Hidden pages",
+        className: variants.breadcrumbCollapsedPopoverClasses,
+        children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "a",
+          {
+            href: item.href ?? "#",
+            role: "option",
+            "aria-selected": false,
+            tabIndex: 0,
+            onClick: () => setOpen(false),
+            className: variants.breadcrumbCollapsedItemClasses,
+            children: [
+              item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 [&>svg]:size-3.5", "aria-hidden": true, children: item.icon }),
+              item.label
+            ]
+          },
+          idx
+        ))
+      }
+    )
+  ] });
+}
+function BreadcrumbDataDriven({
+  items,
+  maxItems
+}) {
+  const { visible, end, collapsed } = maxItems != null ? computeCollapse(items, maxItems) : { visible: items, end: [], collapsed: [] };
+  const hasCollapse = collapsed.length > 0;
+  const renderItem = (item, isLast) => {
+    const iconSlot = item.icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 [&>svg]:size-3.5", "aria-hidden": true, children: item.icon }) : null;
+    return /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: isLast || !item.href ? /* @__PURE__ */ jsxRuntime.jsxs(BreadcrumbPage, { className: item.icon ? "flex items-center gap-1.5" : void 0, children: [
+      iconSlot,
+      item.label
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(
+      BreadcrumbLink,
+      {
+        href: item.href,
+        className: item.icon ? "flex items-center gap-1.5" : void 0,
+        children: [
+          iconSlot,
+          item.label
+        ]
+      }
+    ) });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbList, { children: !hasCollapse ? (
+    // ── No collapse: all items in sequence ──────────────────────────
+    items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+      renderItem(item, idx === items.length - 1),
+      idx < items.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {})
+    ] }, idx))
+  ) : (
+    // ── With collapse ───────────────────────────────────────────────────────
+    /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      visible.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+        renderItem(item, false),
+        /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {})
+      ] }, idx)),
+      /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbEllipsisDropdown, { items: collapsed }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {}),
+      end.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+        renderItem(item, idx === end.length - 1),
+        idx < end.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {})
+      ] }, `end-${idx}`))
+    ] })
+  ) });
+}
+const Breadcrumb = React__namespace.forwardRef(
+  ({ separator, items, maxItems, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbContext.Provider, { value: { separator }, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, "aria-label": "breadcrumb", ...props, children: items ? /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbDataDriven, { items, maxItems }) : children }) })
+);
+Breadcrumb.displayName = "Breadcrumb";
+const BreadcrumbList = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("ol", { ref, className: utils.cn(variants.breadcrumbListClasses, className), ...props })
+);
+BreadcrumbList.displayName = "BreadcrumbList";
+const BreadcrumbItem = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, className: utils.cn(variants.breadcrumbItemClasses, className), ...props })
+);
+BreadcrumbItem.displayName = "BreadcrumbItem";
+const BreadcrumbLink = React__namespace.forwardRef(
+  ({ asChild, className, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "a";
+    return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, className: utils.cn(variants.breadcrumbLinkClasses, className), ...props });
+  }
+);
+BreadcrumbLink.displayName = "BreadcrumbLink";
+const BreadcrumbPage = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ref,
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: utils.cn(variants.breadcrumbPageClasses, className),
+      ...props
+    }
+  )
+);
+BreadcrumbPage.displayName = "BreadcrumbPage";
+const BreadcrumbSeparator = ({
+  children,
+  className,
+  ...props
+}) => {
+  const { separator } = React__namespace.useContext(BreadcrumbContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "li",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      className: utils.cn(variants.breadcrumbSeparatorClasses, className),
+      ...props,
+      children: children ?? separator ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {})
+    }
+  );
+};
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+const BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: utils.cn(variants.breadcrumbEllipsisWrapperClasses, className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+
+exports.Breadcrumb = Breadcrumb;
+exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
+exports.BreadcrumbItem = BreadcrumbItem;
+exports.BreadcrumbLink = BreadcrumbLink;
+exports.BreadcrumbList = BreadcrumbList;
+exports.BreadcrumbPage = BreadcrumbPage;
+exports.BreadcrumbSeparator = BreadcrumbSeparator;

package/dist/components/molecules/breadcrumb/components/breadcrumb.mjs

@@ -0,0 +1,203 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { ChevronRight, MoreHorizontal } from 'lucide-react';
+import { cn } from '../../../../lib/utils';
+import { breadcrumbListClasses, breadcrumbItemClasses, breadcrumbLinkClasses, breadcrumbPageClasses, breadcrumbSeparatorClasses, breadcrumbEllipsisWrapperClasses, breadcrumbCollapsedPopoverClasses, breadcrumbCollapsedItemClasses } from '../variants';
+
+const BreadcrumbContext = React.createContext({});
+function computeCollapse(items, maxItems) {
+  const total = items.length;
+  if (maxItems >= total) {
+    return { visible: items, end: [], collapsed: [] };
+  }
+  const endCount = Math.min(2, total);
+  const startCount = 1;
+  const middleCount = Math.max(0, maxItems - startCount - endCount - 1);
+  const endStart = total - endCount;
+  const visible = items.slice(0, startCount + middleCount);
+  const end = items.slice(endStart);
+  const collapsed = items.slice(startCount + middleCount, endStart);
+  return { visible, end, collapsed };
+}
+function BreadcrumbEllipsisDropdown({ items }) {
+  const [open, setOpen] = React.useState(false);
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    if (!open) return;
+    const onMouseDown = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", onMouseDown);
+    return () => document.removeEventListener("mousedown", onMouseDown);
+  }, [open]);
+  React.useEffect(() => {
+    if (!open) return;
+    const onKeyDown = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [open]);
+  return /* @__PURE__ */ jsxs("div", { ref, className: "relative inline-flex items-center", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": "View hidden pages",
+        "aria-expanded": open,
+        "aria-haspopup": "listbox",
+        onClick: () => setOpen((v) => !v),
+        className: cn(
+          breadcrumbEllipsisWrapperClasses,
+          "cursor-pointer rounded-none transition-colors hover:bg-muted hover:text-foreground",
+          open && "bg-muted text-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "listbox",
+        "aria-label": "Hidden pages",
+        className: breadcrumbCollapsedPopoverClasses,
+        children: items.map((item, idx) => /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: item.href ?? "#",
+            role: "option",
+            "aria-selected": false,
+            tabIndex: 0,
+            onClick: () => setOpen(false),
+            className: breadcrumbCollapsedItemClasses,
+            children: [
+              item.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 [&>svg]:size-3.5", "aria-hidden": true, children: item.icon }),
+              item.label
+            ]
+          },
+          idx
+        ))
+      }
+    )
+  ] });
+}
+function BreadcrumbDataDriven({
+  items,
+  maxItems
+}) {
+  const { visible, end, collapsed } = maxItems != null ? computeCollapse(items, maxItems) : { visible: items, end: [], collapsed: [] };
+  const hasCollapse = collapsed.length > 0;
+  const renderItem = (item, isLast) => {
+    const iconSlot = item.icon ? /* @__PURE__ */ jsx("span", { className: "shrink-0 [&>svg]:size-3.5", "aria-hidden": true, children: item.icon }) : null;
+    return /* @__PURE__ */ jsx(BreadcrumbItem, { children: isLast || !item.href ? /* @__PURE__ */ jsxs(BreadcrumbPage, { className: item.icon ? "flex items-center gap-1.5" : void 0, children: [
+      iconSlot,
+      item.label
+    ] }) : /* @__PURE__ */ jsxs(
+      BreadcrumbLink,
+      {
+        href: item.href,
+        className: item.icon ? "flex items-center gap-1.5" : void 0,
+        children: [
+          iconSlot,
+          item.label
+        ]
+      }
+    ) });
+  };
+  return /* @__PURE__ */ jsx(BreadcrumbList, { children: !hasCollapse ? (
+    // ── No collapse: all items in sequence ──────────────────────────
+    items.map((item, idx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      renderItem(item, idx === items.length - 1),
+      idx < items.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
+    ] }, idx))
+  ) : (
+    // ── With collapse ───────────────────────────────────────────────────────
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      visible.map((item, idx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        renderItem(item, false),
+        /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
+      ] }, idx)),
+      /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbEllipsisDropdown, { items: collapsed }) }),
+      /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+      end.map((item, idx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        renderItem(item, idx === end.length - 1),
+        idx < end.length - 1 && /* @__PURE__ */ jsx(BreadcrumbSeparator, {})
+      ] }, `end-${idx}`))
+    ] })
+  ) });
+}
+const Breadcrumb = React.forwardRef(
+  ({ separator, items, maxItems, children, ...props }, ref) => /* @__PURE__ */ jsx(BreadcrumbContext.Provider, { value: { separator }, children: /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props, children: items ? /* @__PURE__ */ jsx(BreadcrumbDataDriven, { items, maxItems }) : children }) })
+);
+Breadcrumb.displayName = "Breadcrumb";
+const BreadcrumbList = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("ol", { ref, className: cn(breadcrumbListClasses, className), ...props })
+);
+BreadcrumbList.displayName = "BreadcrumbList";
+const BreadcrumbItem = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn(breadcrumbItemClasses, className), ...props })
+);
+BreadcrumbItem.displayName = "BreadcrumbItem";
+const BreadcrumbLink = React.forwardRef(
+  ({ asChild, className, ...props }, ref) => {
+    const Comp = asChild ? Slot : "a";
+    return /* @__PURE__ */ jsx(Comp, { ref, className: cn(breadcrumbLinkClasses, className), ...props });
+  }
+);
+BreadcrumbLink.displayName = "BreadcrumbLink";
+const BreadcrumbPage = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn(breadcrumbPageClasses, className),
+      ...props
+    }
+  )
+);
+BreadcrumbPage.displayName = "BreadcrumbPage";
+const BreadcrumbSeparator = ({
+  children,
+  className,
+  ...props
+}) => {
+  const { separator } = React.useContext(BreadcrumbContext);
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn(breadcrumbSeparatorClasses, className),
+      ...props,
+      children: children ?? separator ?? /* @__PURE__ */ jsx(ChevronRight, {})
+    }
+  );
+};
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+const BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn(breadcrumbEllipsisWrapperClasses, className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

package/dist/components/molecules/breadcrumb/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./breadcrumb";
+export * from "./types";
+export * from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/breadcrumb/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/breadcrumb/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC"}

package/dist/components/molecules/breadcrumb/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var breadcrumb = require('./breadcrumb');
+var types = require('./types');
+var variants = require('./variants');
+
+
+
+Object.keys(breadcrumb).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return breadcrumb[k]; }
+	});
+});
+Object.keys(types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return types[k]; }
+	});
+});
+Object.keys(variants).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return variants[k]; }
+	});
+});

package/dist/components/molecules/breadcrumb/index.mjs

@@ -0,0 +1,3 @@
+export * from './breadcrumb';
+export * from './types';
+export * from './variants';

package/dist/components/molecules/breadcrumb/types.d.ts

@@ -0,0 +1,69 @@
+import type * as React from "react";
+export interface BreadcrumbContextValue {
+    /** Separator propagated from the root <Breadcrumb> to each <BreadcrumbSeparator>. */
+    separator?: React.ReactNode;
+}
+/**
+ * Definition of an item in data-driven mode.
+ * Missing `href` → item is the current page (BreadcrumbPage, not clickable).
+ */
+export interface BreadcrumbItemDef {
+    /** Text displayed in the item. */
+    label: React.ReactNode;
+    /** Destination URL. Missing = current page (last item). */
+    href?: string;
+    /** Optional icon rendered to the left of the label. */
+    icon?: React.ReactNode;
+    /**
+     * When `true`, BreadcrumbLink delegates rendering to `children`
+     * via Radix Slot. Use to wrap a Next.js `<Link>`.
+     */
+    asChild?: boolean;
+}
+export interface BreadcrumbProps extends React.ComponentPropsWithoutRef<"nav"> {
+    /**
+     * Separator between items. Propagated via context to all
+     * `<BreadcrumbSeparator>` children — and used internally in data-driven mode.
+     *
+     * @example <Breadcrumb separator={<Slash className="size-3" />}>
+     * @example <Breadcrumb separator="·">
+     * @default <ChevronRight /> (rendered by BreadcrumbSeparator)
+     */
+    separator?: React.ReactNode;
+    /**
+     * List of items in data-driven mode.
+     * When provided, `children` is ignored and Breadcrumb automatically renders
+     * the list, separators, current page, and collapsible ellipsis.
+     *
+     * The last item without `href` is treated as the current page.
+     */
+    items?: BreadcrumbItemDef[];
+    /**
+     * Maximum number of visible items. Middle items are collapsed into a
+     * clickable ellipsis that opens a Popover with the hidden items.
+     * Only has an effect when `items` is defined.
+     *
+     * Preservation strategy:
+     * - Always visible: first (home) + last 2 (penultimate + current)
+     * - Extra slots (maxItems - 3) filled with items right after home
+     * - Items that don't fit appear in the ellipsis Popover
+     *
+     * @example maxItems={4} with 7 items → home · … · penultimate · current
+     * @example maxItems={5} with 7 items → home · item1 · … · penultimate · current
+     * @example maxItems >= total         → no ellipsis, all visible
+     */
+    maxItems?: number;
+}
+export type BreadcrumbListProps = React.ComponentPropsWithoutRef<"ol">;
+export type BreadcrumbItemProps = React.ComponentPropsWithoutRef<"li">;
+export interface BreadcrumbLinkProps extends React.ComponentPropsWithoutRef<"a"> {
+    /**
+     * Delegates rendering to the child via Radix Slot.
+     * Use with Next.js `<Link>` or React Router.
+     */
+    asChild?: boolean;
+}
+export type BreadcrumbPageProps = React.ComponentPropsWithoutRef<"span">;
+export type BreadcrumbSeparatorProps = React.ComponentProps<"li">;
+export type BreadcrumbEllipsisProps = React.ComponentProps<"span">;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/molecules/breadcrumb/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/breadcrumb/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,WAAW,sBAAsB;IACrC,qFAAqF;IACrF,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAID;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,kCAAkC;IAClC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAID,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC7C;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAE5B;;;;;;;;;;;;;OAaG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAID,MAAM,MAAM,mBAAmB,GAC7B,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;AAEvC,MAAM,MAAM,mBAAmB,GAC7B,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;AAEvC,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,MAAM,mBAAmB,GAC7B,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC;AAEzC,MAAM,MAAM,wBAAwB,GAClC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AAE7B,MAAM,MAAM,uBAAuB,GACjC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC"}

package/dist/components/molecules/breadcrumb/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/molecules/breadcrumb/types.mjs

@@ -0,0 +1 @@
+

package/dist/components/molecules/breadcrumb/variants.d.ts

@@ -0,0 +1,28 @@
+export declare const breadcrumbListClasses = "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5";
+export declare const breadcrumbItemClasses = "inline-flex items-center gap-1.5";
+export declare const breadcrumbLinkClasses = "transition-colors hover:text-foreground";
+export declare const breadcrumbPageClasses = "font-normal text-foreground";
+/**
+ * [&>svg]:size-3.5 — covers ChevronRight and custom separators.
+ * Doesn't affect text separators (e.g., "·") since the selector only targets SVG.
+ */
+export declare const breadcrumbSeparatorClasses = "[&>svg]:size-3.5";
+/**
+ * inline-flex size-6 — no fixed h-9 height, which occupied unnecessary vertical
+ * space in an inline <ol> context.
+ * cursor-pointer applied in BreadcrumbEllipsisDropdown (interactive button).
+ */
+export declare const breadcrumbEllipsisWrapperClasses = "inline-flex size-6 items-center justify-center";
+/**
+ * Popover that opens below the ellipsis with the list of collapsed items.
+ * z-50 ensures it stays above other layout elements.
+ * rounded-none — DS flat standard.
+ * min-w-[160px] prevents the popover from being too narrow for long labels.
+ */
+export declare const breadcrumbCollapsedPopoverClasses: string;
+/**
+ * Item inside the ellipsis popover.
+ * Same visual standard as DS DropdownMenu/Select items.
+ */
+export declare const breadcrumbCollapsedItemClasses: string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/molecules/breadcrumb/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/breadcrumb/variants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,6FAC0D,CAAC;AAE7F,eAAO,MAAM,qBAAqB,qCACE,CAAC;AAErC,eAAO,MAAM,qBAAqB,4CACS,CAAC;AAE5C,eAAO,MAAM,qBAAqB,gCACH,CAAC;AAEhC;;;GAGG;AACH,eAAO,MAAM,0BAA0B,qBACnB,CAAC;AAErB;;;;GAIG;AACH,eAAO,MAAM,gCAAgC,mDACK,CAAC;AAInD;;;;;GAKG;AACH,eAAO,MAAM,iCAAiC,QAInC,CAAC;AAEZ;;;GAGG;AACH,eAAO,MAAM,8BAA8B,QAMhC,CAAC"}

package/dist/components/molecules/breadcrumb/variants.js

@@ -0,0 +1,29 @@
+'use strict';
+
+const breadcrumbListClasses = "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5";
+const breadcrumbItemClasses = "inline-flex items-center gap-1.5";
+const breadcrumbLinkClasses = "transition-colors hover:text-foreground";
+const breadcrumbPageClasses = "font-normal text-foreground";
+const breadcrumbSeparatorClasses = "[&>svg]:size-3.5";
+const breadcrumbEllipsisWrapperClasses = "inline-flex size-6 items-center justify-center";
+const breadcrumbCollapsedPopoverClasses = [
+  "absolute left-0 top-full z-50 mt-1",
+  "min-w-[160px] border border-border bg-popover shadow-md",
+  "py-1"
+].join(" ");
+const breadcrumbCollapsedItemClasses = [
+  "flex w-full items-center gap-2 px-3 py-1.5",
+  "text-sm text-popover-foreground",
+  "hover:bg-accent hover:text-accent-foreground",
+  "transition-colors cursor-pointer",
+  "outline-none focus-visible:bg-accent focus-visible:text-accent-foreground"
+].join(" ");
+
+exports.breadcrumbCollapsedItemClasses = breadcrumbCollapsedItemClasses;
+exports.breadcrumbCollapsedPopoverClasses = breadcrumbCollapsedPopoverClasses;
+exports.breadcrumbEllipsisWrapperClasses = breadcrumbEllipsisWrapperClasses;
+exports.breadcrumbItemClasses = breadcrumbItemClasses;
+exports.breadcrumbLinkClasses = breadcrumbLinkClasses;
+exports.breadcrumbListClasses = breadcrumbListClasses;
+exports.breadcrumbPageClasses = breadcrumbPageClasses;
+exports.breadcrumbSeparatorClasses = breadcrumbSeparatorClasses;

package/dist/components/molecules/breadcrumb/variants.mjs

@@ -0,0 +1,20 @@
+const breadcrumbListClasses = "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5";
+const breadcrumbItemClasses = "inline-flex items-center gap-1.5";
+const breadcrumbLinkClasses = "transition-colors hover:text-foreground";
+const breadcrumbPageClasses = "font-normal text-foreground";
+const breadcrumbSeparatorClasses = "[&>svg]:size-3.5";
+const breadcrumbEllipsisWrapperClasses = "inline-flex size-6 items-center justify-center";
+const breadcrumbCollapsedPopoverClasses = [
+  "absolute left-0 top-full z-50 mt-1",
+  "min-w-[160px] border border-border bg-popover shadow-md",
+  "py-1"
+].join(" ");
+const breadcrumbCollapsedItemClasses = [
+  "flex w-full items-center gap-2 px-3 py-1.5",
+  "text-sm text-popover-foreground",
+  "hover:bg-accent hover:text-accent-foreground",
+  "transition-colors cursor-pointer",
+  "outline-none focus-visible:bg-accent focus-visible:text-accent-foreground"
+].join(" ");
+
+export { breadcrumbCollapsedItemClasses, breadcrumbCollapsedPopoverClasses, breadcrumbEllipsisWrapperClasses, breadcrumbItemClasses, breadcrumbLinkClasses, breadcrumbListClasses, breadcrumbPageClasses, breadcrumbSeparatorClasses };