@node-core/ui-components 1.0.1-a459447336d99556960d6f9e1c997327b29e4974 → 1.0.1-ab0ba1dcb1d91392c44e91b1e74e9f565e460543

package/Common/BaseCodeBox/index.module.css

@@ -1,96 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.root {
-  width: 100%;
-  border-radius: var(--radius-sm, 0.25rem);
-  border-style: var(--tw-border-style);
-  border-width: 1px;
-  border-color: var(--color-neutral-900, #2c3437);
-  background-color: var(--color-neutral-950, #0d121c);
-  .content {
-    margin: calc(var(--spacing, 0.25rem)*0);
-    padding: calc(var(--spacing, 0.25rem)*4);
-    & > code {
-      display: grid;
-      overflow-x: auto;
-      background-color: transparent;
-      padding: calc(var(--spacing, 0.25rem)*0);
-      font-family: var(--font-ibm-plex-mono, var(--font-ibm-plex-mono));
-      font-size: var(--text-sm, 0.875rem);
-      line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
-      --tw-leading: var(--leading-snug, 1.375);
-      line-height: var(--leading-snug, 1.375);
-      --tw-font-weight: var(--font-weight-regular, 400);
-      font-weight: var(--font-weight-regular, 400);
-      color: var(--color-neutral-400, #cbd4d9);
-      counter-reset: line;
-      scrollbar-width: thin;
-      & > [class='line'] {
-        position: relative;
-        min-width: calc(var(--spacing, 0.25rem)*0);
-        padding-left: calc(var(--spacing, 0.25rem)*8);
-        &:not(:empty:last-child)::before {
-          display: inline-block;
-          --tw-content: '';
-          content: var(--tw-content);
-        }
-        &:not(:empty:last-child)::after {
-          position: absolute;
-          top: calc(var(--spacing, 0.25rem)*0);
-          left: calc(var(--spacing, 0.25rem)*0);
-          margin-right: calc(var(--spacing, 0.25rem)*4);
-          width: calc(var(--spacing, 0.25rem)*4.5);
-          text-align: right;
-          font-family: var(--font-ibm-plex-mono, var(--font-ibm-plex-mono));
-          color: var(--color-neutral-600, #929fa5);
-          content: counter(line);
-          counter-increment: line;
-        }
-      }
-    }
-  }
-  & > .footer {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    border-top-style: var(--tw-border-style);
-    border-top-width: 1px;
-    border-top-color: var(--color-neutral-900, #2c3437);
-    padding-inline: calc(var(--spacing, 0.25rem)*4);
-    padding-block: calc(var(--spacing, 0.25rem)*3);
-    font-size: var(--text-sm, 0.875rem);
-    line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
-    --tw-font-weight: var(--font-weight-medium, 500);
-    font-weight: var(--font-weight-medium, 500);
-    & > .language {
-      color: var(--color-neutral-400, #cbd4d9);
-    }
-    & > .action {
-      padding-inline: calc(var(--spacing, 0.25rem)*3);
-      padding-block: calc(var(--spacing, 0.25rem)*1.5);
-      --tw-font-weight: var(--font-weight-medium, 500);
-      font-weight: var(--font-weight-medium, 500);
-    }
-  }
-}
-.icon {
-  width: calc(var(--spacing, 0.25rem)*4);
-  height: calc(var(--spacing, 0.25rem)*4);
-}
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@property --tw-leading {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-content {
-  syntax: "*";
-  inherits: false;
-  initial-value: "";
-}

package/Common/BaseCrossLink/index.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import PrevNextArrow from '#ui/Common/BasePagination/PrevNextArrow';
-import styles from './index.module.css';
-const BaseCrossLink = ({ type, label, text, link, as: Component = 'a', }) => {
-    return (_jsxs(Component, { className: styles.crossLink, href: link, children: [_jsxs("span", { className: classNames(styles.header, {
-                    [styles.reverse]: type === 'next',
-                }), children: [_jsx(PrevNextArrow, { className: styles.icon, type: type }), label] }), _jsx("span", { className: classNames(styles.content, {
-                    [styles.reverse]: type === 'next',
-                }), children: text })] }));
-};
-export default BaseCrossLink;

package/Common/BaseCrossLink/index.module.css

@@ -1,69 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.crossLink {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: calc(var(--spacing, 0.25rem)*2);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  border-radius: var(--radius-sm, 0.25rem);
-  border-style: var(--tw-border-style);
-  border-width: 1px;
-  --tw-border-style: solid;
-  border-style: solid;
-  border-color: var(--color-neutral-300, #d9e1e4);
-  background-color: var(--color-white, #fff);
-  padding: calc(var(--spacing, 0.25rem)*3);
-  text-decoration-line: none;
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    border-color: var(--color-neutral-900, #2c3437);
-  }
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    background-color: var(--color-neutral-950, #0d121c);
-  }
-  .header {
-    display: flex;
-    align-items: center;
-    gap: calc(var(--spacing, 0.25rem)*2);
-    align-self: stretch;
-    font-size: var(--text-xs, 0.75rem);
-    line-height: var(--tw-leading, var(--text-xs--line-height, 1.33333));
-    color: var(--color-neutral-800, #556066);
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      color: var(--color-neutral-100, #f6f7f9);
-    }
-    &.reverse {
-      flex-direction: row-reverse;
-      justify-content: flex-start;
-    }
-    .icon {
-      width: calc(var(--spacing, 0.25rem)*4);
-      height: calc(var(--spacing, 0.25rem)*4);
-      color: var(--color-neutral-600, #929fa5);
-      &:where([data-theme=dark], [data-theme=dark] *) {
-        color: var(--color-neutral-400, #cbd4d9);
-      }
-    }
-  }
-  .content {
-    align-self: stretch;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    font-size: var(--text-sm, 0.875rem);
-    line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
-    color: var(--color-neutral-900, #2c3437);
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      color: var(--color-white, #fff);
-    }
-    &.reverse {
-      text-align: right;
-    }
-  }
-}
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}

package/Common/BaseLinkTabs/index.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Select from '#ui/Common/Select';
-import styles from './index.module.css';
-const BaseLinkTabs = ({ tabs, label, activeTab, children, as: Component = 'a', onSelect, }) => (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.tabsList, children: tabs.map(tab => (_jsx(Component, { href: tab.link, className: styles.tabsTrigger, "data-state": tab.key === activeTab ? 'active' : 'inactive', children: tab.label }, tab.key))) }), _jsx("div", { className: styles.tabsSelect, children: _jsx(Select, { label: label, defaultValue: tabs.find(tab => tab.key === activeTab)?.link, values: tabs.map(tab => ({ label: tab.label, value: tab.link })), onChange: onSelect }) }), children] }));
-export default BaseLinkTabs;

package/Common/BaseLinkTabs/index.module.css

@@ -1,77 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.tabsList {
-  margin-top: calc(var(--spacing, 0.25rem)*10);
-  margin-bottom: calc(var(--spacing, 0.25rem)*6);
-  display: flex;
-  gap: calc(var(--spacing, 0.25rem)*2);
-  border-bottom-style: var(--tw-border-style);
-  border-bottom-width: 1px;
-  border-bottom-color: var(--color-neutral-200, #e9edf0);
-  font-family: var(--font-open-sans, var(--font-open-sans));
-  @media (width < 670px) {
-    display: none;
-  }
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    border-bottom-color: var(--color-neutral-800, #556066);
-  }
-  .tabsTrigger {
-    border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 2px;
-    border-bottom-color: transparent;
-    padding-inline: calc(var(--spacing, 0.25rem)*1);
-    padding-bottom: 11px;
-    font-size: var(--text-sm, 0.875rem);
-    line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
-    --tw-font-weight: var(--font-weight-semibold, 600);
-    font-weight: var(--font-weight-semibold, 600);
-    color: var(--color-neutral-800, #556066);
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      color: var(--color-neutral-200, #e9edf0);
-    }
-    &:not([data-state='active']):hover {
-      border-bottom-color: var(--color-neutral-900, #2c3437);
-      color: var(--color-neutral-900, #2c3437);
-      &:where([data-theme=dark], [data-theme=dark] *) {
-        border-bottom-color: var(--color-neutral-300, #d9e1e4);
-      }
-      &:where([data-theme=dark], [data-theme=dark] *) {
-        color: var(--color-neutral-300, #d9e1e4);
-      }
-    }
-    &[data-state='active'] {
-      border-bottom-color: var(--color-green-600, #417e38);
-      color: var(--color-green-600, #417e38);
-      &:where([data-theme=dark], [data-theme=dark] *) {
-        border-bottom-color: var(--color-green-400, #84ba64);
-      }
-      &:where([data-theme=dark], [data-theme=dark] *) {
-        color: var(--color-green-400, #84ba64);
-      }
-    }
-  }
-}
-.tabsSelect {
-  @media (width >= 40rem) {
-    visibility: visible;
-  }
-  @media (width >= 48rem) {
-    display: none;
-  }
-  > span {
-    margin-block: calc(var(--spacing, 0.25rem)*6);
-    display: none;
-    width: 100%;
-    @media (width < 670px) {
-      display: flex;
-    }
-  }
-}
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}

package/Common/BasePagination/Ellipsis/index.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './index.module.css';
-const Ellipsis = () => (_jsx("span", { "aria-hidden": "true", className: styles.ellipsis, children: "..." }));
-export default Ellipsis;

package/Common/BasePagination/Ellipsis/index.module.css

@@ -1,16 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.ellipsis {
-  width: calc(var(--spacing, 0.25rem)*10);
-  padding-inline: calc(var(--spacing, 0.25rem)*3);
-  padding-block: calc(var(--spacing, 0.25rem)*2.5);
-  --tw-leading: 1;
-  line-height: 1;
-  color: var(--color-neutral-800, #556066);
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    color: var(--color-neutral-200, #e9edf0);
-  }
-}
-@property --tw-leading {
-  syntax: "*";
-  inherits: false;
-}

package/Common/BasePagination/PaginationListItem/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './index.module.css';
-const PaginationListItem = ({ url, pageNumber, currentPage, totalPages, as: Component = 'a', label, }) => {
-    return (_jsx("li", { "aria-setsize": totalPages, "aria-posinset": pageNumber, children: _jsx(Component, { href: url, "aria-label": label, className: styles.listItem, ...(pageNumber === currentPage && { 'aria-current': 'page' }), children: _jsx("span", { children: pageNumber }) }) }, pageNumber));
-};
-export default PaginationListItem;

package/Common/BasePagination/PaginationListItem/index.module.css

@@ -1,42 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.listItem,
-.listItem:link,
-.listItem:active {
-  display: flex;
-  width: calc(var(--spacing, 0.25rem)*10);
-  height: calc(var(--spacing, 0.25rem)*10);
-  cursor: pointer;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--radius-sm, 0.25rem);
-  padding-inline: calc(var(--spacing, 0.25rem)*3);
-  padding-block: calc(var(--spacing, 0.25rem)*2.5);
-  color: var(--color-neutral-800, #556066);
-  @media (prefers-reduced-motion: no-preference) {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
-    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
-  }
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    color: var(--color-neutral-200, #e9edf0);
-  }
-  &[aria-current="page"] {
-    cursor: default;
-  }
-  &[aria-current="page"] {
-    background-color: var(--color-green-600, #417e38);
-  }
-  &[aria-current="page"] {
-    color: var(--color-white, #fff);
-  }
-  &:hover:not([aria-current='page']) {
-    background-color: var(--color-neutral-100, #f6f7f9);
-    color: var(--color-neutral-800, #556066);
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: var(--color-neutral-900, #2c3437);
-    }
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      color: var(--color-neutral-200, #e9edf0);
-    }
-  }
-}

package/Common/BasePagination/PrevNextArrow.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/24/solid';
-const PrevNextArrow = ({ type, ...extra }) => {
-    const ChevronComponent = type === 'previous' ? ChevronLeftIcon : ChevronRightIcon;
-    return _jsx(ChevronComponent, { ...extra });
-};
-export default PrevNextArrow;

package/Common/BasePagination/index.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowRightIcon, ArrowLeftIcon } from '@heroicons/react/20/solid';
-import Button from '#ui/Common/BaseButton';
-import { useGetPageElements } from '#ui/Common/BasePagination/useGetPageElements';
-import styles from './index.module.css';
-const BasePagination = ({ currentPage, pages, as = 'a', currentPageSiblingsCount = 1, labels, getPageLabel, }) => {
-    const parsedPages = useGetPageElements(currentPage, pages, currentPageSiblingsCount, as, getPageLabel);
-    return (_jsxs("nav", { "aria-label": labels.aria, className: styles.pagination, children: [_jsxs(Button, { as: as, "aria-label": labels.prevAria, disabled: currentPage === 1, kind: "secondary", className: styles.previousButton, href: pages[currentPage - 2]?.url, children: [_jsx(ArrowLeftIcon, { className: styles.arrowIcon }), _jsx("span", { children: labels.prev })] }), _jsx("ol", { className: styles.list, children: parsedPages }), _jsxs(Button, { as: as, "aria-label": labels.nextAria, disabled: currentPage === pages.length, kind: "secondary", className: styles.nextButton, href: pages[currentPage]?.url, children: [_jsx("span", { children: labels.next }), _jsx(ArrowRightIcon, { className: styles.arrowIcon })] })] }));
-};
-export default BasePagination;

package/Common/BasePagination/index.module.css

@@ -1,40 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.pagination {
-  display: grid;
-  align-items: center;
-  justify-content: space-between;
-  row-gap: calc(var(--spacing, 0.25rem)*5);
-  grid-template-areas: 'pages pages pages''prev . next';
-  @media (width >= 48rem) {
-    row-gap: calc(var(--spacing, 0.25rem)*0);
-  }
-  @media (width >= 48rem) {
-    grid-template-areas: 'prev pages next';
-  }
-}
-.previousButton,
-.nextButton {
-  font-size: var(--text-sm, 0.875rem);
-  line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
-}
-.previousButton {
-  grid-area: prev;
-}
-.nextButton {
-  grid-area: next;
-}
-.arrowIcon {
-  height: calc(var(--spacing, 0.25rem)*5);
-  flex-shrink: 0;
-  color: var(--color-neutral-600, #929fa5);
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    color: var(--color-neutral-400, #cbd4d9);
-  }
-}
-.list {
-  display: flex;
-  list-style-type: none;
-  justify-content: center;
-  gap: calc(var(--spacing, 0.25rem)*1);
-  grid-area: pages;
-}

package/Common/BasePagination/useGetPageElements.js

@@ -1,77 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Ellipsis from '#ui/Common/BasePagination/Ellipsis';
-import PaginationListItem from '#ui/Common/BasePagination/PaginationListItem';
-const parsePages = (pages, currentPage, totalPages, as, getLabel) => pages.map(({ url }, index) => ({
-    url: url,
-    pageNumber: index + 1,
-    currentPage: currentPage,
-    totalPages: totalPages,
-    label: getLabel(index + 1),
-    as: as,
-}));
-const createPaginationListItems = (parsedPages) => parsedPages.map(page => _jsx(PaginationListItem, { ...page }, page.url));
-// The minimum amount of elements are first page, current page, and last page
-const MINIMUM_AMOUNT_OF_ELEMENTS = 3;
-// Not more than two ellipses will be shown at the same time
-const MAXIMUM_AMOUNT_OF_ELLIPSES = 2;
-// The logic of this custom hook has taken the internal logic of
-// React MUI's Pagination component as reference. More info here:
-// https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js
-export const useGetPageElements = (currentPage, pages, currentPageSiblingsCount, as, getLabel) => {
-    const totalPages = pages.length;
-    const parsedPages = parsePages(pages, currentPage, totalPages, as, getLabel);
-    const currentPageIndex = currentPage - 1;
-    // We multiply it by two (2) as siblings are located on both left and right sides
-    // of the current page
-    const totalSiblingsCount = 2 * currentPageSiblingsCount;
-    const visiblePages = totalSiblingsCount +
-        MINIMUM_AMOUNT_OF_ELEMENTS +
-        MAXIMUM_AMOUNT_OF_ELLIPSES;
-    // When there are more pages than the visible pages to be shown
-    // we do not need to perform any calculations
-    if (totalPages <= visiblePages) {
-        return createPaginationListItems(parsedPages);
-    }
-    // The index of the far-left sibling of the current page
-    const leftSiblingsFirstIndex = Math.max(currentPageIndex - currentPageSiblingsCount, 1);
-    // The index of the far-right sibling of the current page
-    const rightSiblingsLastIndex = Math.min(currentPageIndex + currentPageSiblingsCount + 1, totalPages);
-    const firstIndex = 0;
-    const lastIndex = totalPages - 1;
-    // If there are at least two (2) elements between the far-left sibling of
-    // the current page, and the first page, we should show left ellipsis
-    // between them
-    const hasLeftEllipsis = leftSiblingsFirstIndex > firstIndex + 2;
-    // If there are at least two (2) elements between the far-right sibling of
-    // the current page, and the last page, we should show right ellipsis
-    // between them
-    const hasRightEllipsis = rightSiblingsLastIndex < lastIndex - 1;
-    if (!hasLeftEllipsis && hasRightEllipsis) {
-        const leftPagesLastIndex = MINIMUM_AMOUNT_OF_ELEMENTS + totalSiblingsCount;
-        const leftPages = parsedPages.slice(firstIndex, leftPagesLastIndex);
-        return [
-            ...createPaginationListItems(leftPages),
-            _jsx(Ellipsis, {}, "ellipsis"),
-            ...createPaginationListItems(parsedPages.slice(lastIndex)),
-        ];
-    }
-    if (hasLeftEllipsis && !hasRightEllipsis) {
-        const rightPagesFirstIndex = MINIMUM_AMOUNT_OF_ELEMENTS + totalSiblingsCount;
-        const rightPages = parsedPages.slice(totalPages - rightPagesFirstIndex);
-        return [
-            ...createPaginationListItems(parsedPages.slice(firstIndex, firstIndex + 1)),
-            _jsx(Ellipsis, {}, "ellipsis"),
-            ...createPaginationListItems(rightPages),
-        ];
-    }
-    if (hasLeftEllipsis && hasRightEllipsis) {
-        const middlePages = parsedPages.slice(leftSiblingsFirstIndex, rightSiblingsLastIndex);
-        return [
-            ...createPaginationListItems(parsedPages.slice(firstIndex, firstIndex + 1)),
-            _jsx(Ellipsis, {}, "ellipsis-1"),
-            ...createPaginationListItems(middlePages),
-            _jsx(Ellipsis, {}, "ellipsis-2"),
-            ...createPaginationListItems(parsedPages.slice(lastIndex)),
-        ];
-    }
-};

package/Common/Blockquote/index.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './index.module.css';
-const Blockquote = ({ children }) => (_jsx("blockquote", { className: styles.wrapper, children: children }));
-export default Blockquote;

package/Common/Blockquote/index.module.css

@@ -1,50 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.wrapper {
-  display: flex;
-  max-width: var(--container-2xl, 42rem);
-  flex-direction: column;
-  align-items: flex-start;
-  gap: calc(var(--spacing, 0.25rem)*4);
-  align-self: stretch;
-  border-left-style: var(--tw-border-style);
-  border-left-width: 2px;
-  border-color: var(--color-green-600, #417e38);
-  padding-block: calc(var(--spacing, 0.25rem)*2);
-  padding-left: calc(var(--spacing, 0.25rem)*5);
-  font-size: var(--text-lg, 1.125rem);
-  line-height: var(--tw-leading, var(--text-lg--line-height, 1.55556));
-  --tw-font-weight: var(--font-weight-semibold, 600);
-  font-weight: var(--font-weight-semibold, 600);
-  color: var(--color-neutral-900, #2c3437);
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    border-color: var(--color-green-400, #84ba64);
-  }
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    color: var(--color-white, #fff);
-  }
-  & cite {
-    font-size: var(--text-base, 1rem);
-    line-height: var(--tw-leading, var(--text-base--line-height, 1.5));
-    --tw-font-weight: var(--font-weight-regular, 400);
-    font-weight: var(--font-weight-regular, 400);
-    font-style: normal;
-    &::before {
-      --tw-content: '— ';
-      content: var(--tw-content);
-    }
-  }
-}
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-content {
-  syntax: "*";
-  inherits: false;
-  initial-value: "";
-}

package/Common/Breadcrumbs/BreadcrumbHomeLink/index.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import HomeIcon from '@heroicons/react/24/outline/HomeIcon';
-import BreadcrumbLink from '#ui/Common/Breadcrumbs/BreadcrumbLink';
-import styles from './index.module.css';
-const BreadcrumbHomeLink = ({ href = '/', ...props }) => {
-    const ariaLabel = props['aria-label'];
-    return (_jsx(BreadcrumbLink, { href: href, ...props, children: _jsx(HomeIcon, { title: ariaLabel, "aria-label": ariaLabel, className: styles.icon }) }));
-};
-export default BreadcrumbHomeLink;

package/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css

@@ -1,5 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.icon {
-  width: calc(var(--spacing, 0.25rem)*4);
-  height: calc(var(--spacing, 0.25rem)*4);
-}

package/Common/Breadcrumbs/BreadcrumbItem/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ChevronRightIcon from '@heroicons/react/24/outline/ChevronRightIcon';
-import classNames from 'classnames';
-import styles from './index.module.css';
-const BreadcrumbItem = ({ disableMicrodata, children, hidden = false, hideSeparator = false, position, ...props }) => (_jsxs("li", { ...props, itemProp: !disableMicrodata ? 'itemListElement' : undefined, itemScope: !disableMicrodata ? true : undefined, itemType: !disableMicrodata ? 'https://schema.org/ListItem' : undefined, className: classNames(styles.item, { [styles.visuallyHidden]: hidden }, props.className), "aria-hidden": hidden ? 'true' : undefined, children: [children, position && _jsx("meta", { itemProp: "position", content: `${position}` }), !hideSeparator && (_jsx(ChevronRightIcon, { "aria-hidden": "true", className: styles.separator }))] }));
-export default BreadcrumbItem;

package/Common/Breadcrumbs/BreadcrumbItem/index.module.css

@@ -1,52 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.item {
-  display: flex;
-  max-width: fit-content;
-  align-items: center;
-  gap: calc(var(--spacing, 0.25rem)*5);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: var(--text-sm, 0.875rem);
-  line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
-  --tw-font-weight: var(--font-weight-medium, 500);
-  font-weight: var(--font-weight-medium, 500);
-  &:last-child {
-    width: 100%;
-  }
-  a {
-    flex-shrink: 1;
-    flex-grow: 1;
-  }
-  &,
-  > a,
-  > a:hover {
-    color: var(--color-neutral-800, #556066);
-    @media (prefers-reduced-motion: no-preference) {
-      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
-      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
-      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
-    }
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      color: var(--color-neutral-200, #e9edf0);
-    }
-  }
-  &.visuallyHidden {
-    display: none;
-  }
-  .separator {
-    width: calc(var(--spacing, 0.25rem)*4);
-    height: calc(var(--spacing, 0.25rem)*4);
-    max-width: fit-content;
-    flex-shrink: 0;
-    flex-grow: 1;
-    color: var(--color-neutral-600, #929fa5);
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      color: var(--color-neutral-400, #cbd4d9);
-    }
-  }
-}
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}

package/Common/Breadcrumbs/BreadcrumbLink/index.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-import styles from './index.module.css';
-const BreadcrumbLink = ({ href, active, as: Component = 'a', ...props }) => (_jsx(Component, { itemScope: true, itemType: "http://schema.org/Thing", itemProp: "item", itemID: href?.toString(), href: href, className: classNames(styles.link, { [styles.active]: active }, props.className), "aria-current": active ? 'page' : undefined, ...props, children: _jsx("span", { itemProp: "name", children: props.children }) }));
-export default BreadcrumbLink;

package/Common/Breadcrumbs/BreadcrumbLink/index.module.css

@@ -1,32 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.link {
-  max-width: fit-content;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  &.active {
-    border-radius: 0.25rem;
-    background-color: var(--color-green-600, #417e38);
-    padding-inline: calc(var(--spacing, 0.25rem)*2);
-    padding-block: calc(var(--spacing, 0.25rem)*1);
-    --tw-font-weight: var(--font-weight-semibold, 600);
-    font-weight: var(--font-weight-semibold, 600);
-    color: var(--color-white, #fff);
-    @media (prefers-reduced-motion: no-preference) {
-      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
-      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
-      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
-    }
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      color: var(--color-white, #fff);
-    }
-    &:hover {
-      background-color: var(--color-green-700, #2c682c);
-      color: var(--color-white, #fff);
-    }
-  }
-}
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}

package/Common/Breadcrumbs/BreadcrumbRoot/index.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './index.module.css';
-const BreadcrumbRoot = ({ children, ...props }) => (_jsx("nav", { "aria-label": "breadcrumb", ...props, children: _jsx("ol", { itemScope: true, itemType: "https://schema.org/BreadcrumbList", className: styles.list, children: children }) }));
-export default BreadcrumbRoot;