@accreditation/ui 1.0.0

package/dist/components/molecules/layout-text-flip/layout-text-flip.mjs

@@ -0,0 +1,54 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { motion, AnimatePresence } from 'motion/react';
+import { cn } from '../../../lib/utils';
+
+const LayoutTextFlip = ({
+  text = "Build Amazing",
+  words = ["Landing Pages", "Component Blocks", "Page Sections", "3D Shaders"],
+  duration = 3e3
+}) => {
+  const [currentIndex, setCurrentIndex] = useState(0);
+  useEffect(() => {
+    const interval = setInterval(() => {
+      setCurrentIndex((prevIndex) => (prevIndex + 1) % words.length);
+    }, duration);
+    return () => clearInterval(interval);
+  }, []);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      motion.span,
+      {
+        layoutId: "subtext",
+        className: "text-2xl font-bold tracking-tight drop-shadow-lg md:text-4xl",
+        children: text
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      motion.span,
+      {
+        layout: true,
+        className: "relative w-fit overflow-hidden rounded-md border border-transparent bg-white px-4 py-2 font-sans text-2xl font-bold tracking-tight text-black shadow-sm ring shadow-black/10 ring-black/10 drop-shadow-lg md:text-4xl dark:bg-neutral-900 dark:text-white dark:shadow-sm dark:ring-1 dark:shadow-white/10 dark:ring-white/10",
+        children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: /* @__PURE__ */ jsx(
+          motion.span,
+          {
+            initial: { y: -40, filter: "blur(10px)" },
+            animate: {
+              y: 0,
+              filter: "blur(0px)"
+            },
+            exit: { y: 50, filter: "blur(10px)", opacity: 0 },
+            transition: {
+              duration: 0.5
+            },
+            className: cn("inline-block whitespace-nowrap"),
+            children: words[currentIndex]
+          },
+          currentIndex
+        ) })
+      }
+    )
+  ] });
+};
+
+export { LayoutTextFlip };

package/dist/components/molecules/pagination/components/pagination.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+import type { PaginationComponent, PaginationContextValue, PaginationInfoProps, PaginationNextProps, PaginationPageSizeProps, PaginationPagesProps, PaginationPrevProps, PaginationProps, PaginationQuickJumperProps } from "../types";
+declare const PaginationContext: React.Context<PaginationContextValue | null>;
+declare function usePagination(): PaginationContextValue;
+declare const PaginationRoot: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLDivElement>>;
+declare const PaginationInfo: React.ForwardRefExoticComponent<PaginationInfoProps & React.RefAttributes<HTMLSpanElement>>;
+declare function PaginationPages({ maxVisible }: PaginationPagesProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PaginationPages {
+    var displayName: string;
+}
+declare function PaginationPrev({ className, labelPrev, children, ...other }: PaginationPrevProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PaginationPrev {
+    var displayName: string;
+}
+declare function PaginationNext({ className, labelNext, children, ...other }: PaginationNextProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PaginationNext {
+    var displayName: string;
+}
+declare function PaginationPageSize({ label, className, }: PaginationPageSizeProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PaginationPageSize {
+    var displayName: string;
+}
+declare function PaginationQuickJumper({ labelGoTo, labelPage, className, }: PaginationQuickJumperProps): import("react/jsx-runtime").JSX.Element;
+declare namespace PaginationQuickJumper {
+    var displayName: string;
+}
+declare const PaginationExport: PaginationComponent;
+export { PaginationContext, usePagination, PaginationRoot, PaginationInfo, PaginationPrev, PaginationNext, PaginationPageSize, PaginationPages, PaginationQuickJumper, };
+export { PaginationExport as Pagination };
+//# sourceMappingURL=pagination.d.ts.map

package/dist/components/molecules/pagination/components/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/pagination/components/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,OAAO,KAAK,EAEX,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,0BAA0B,EAG1B,MAAM,UAAU,CAAC;AAIlB,QAAA,MAAM,iBAAiB,8CAEtB,CAAC;AAEF,iBAAS,aAAa,IAAI,sBAAsB,CAM/C;AAoBD,QAAA,MAAM,cAAc,wFAiFnB,CAAC;AAoBF,QAAA,MAAM,cAAc,6FAiBnB,CAAC;AAkCF,iBAAS,eAAe,CAAC,EAAE,UAAc,EAAE,EAAE,oBAAoB,2CAmChE;kBAnCQ,eAAe;;;AAuCxB,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,SAAsB,EACtB,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,mBAAmB,2CAmBrB;kBAxBQ,cAAc;;;AA4BvB,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,SAAqB,EACrB,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,mBAAmB,2CAoBrB;kBAzBQ,cAAc;;;AA6BvB,iBAAS,kBAAkB,CAAC,EAC3B,KAA0B,EAC1B,SAAS,GACT,EAAE,uBAAuB,2CAyCzB;kBA5CQ,kBAAkB;;;AAgD3B,iBAAS,qBAAqB,CAAC,EAC9B,SAAqB,EACrB,SAAoB,EACpB,SAAS,GACT,EAAE,0BAA0B,2CAiD5B;kBArDQ,qBAAqB;;;AAyD9B,QAAA,MAAM,gBAAgB,EAAgC,mBAAmB,CAAC;AAS1E,OAAO,EACN,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,qBAAqB,GACrB,CAAC;AAEF,OAAO,EAAE,gBAAgB,IAAI,UAAU,EAAE,CAAC"}

package/dist/components/molecules/pagination/components/pagination.js

@@ -0,0 +1,383 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('../../../../lib/utils');
+var select = require('../../select');
+var variants = require('../variants');
+var button = require('../../../atoms/button');
+
+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 PaginationContext = React__namespace.createContext(
+  null
+);
+function usePagination() {
+  const ctx = React__namespace.useContext(PaginationContext);
+  if (!ctx) {
+    throw new Error("Pagination subcomponents must be used within Pagination");
+  }
+  return ctx;
+}
+const alignClasses = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end"
+};
+const buttonSizeMap = {
+  sm: "sm",
+  md: "md",
+  lg: "lg"
+};
+const selectSizeMap = {
+  sm: "sm",
+  md: "md",
+  lg: "lg"
+};
+const PaginationRoot = React__namespace.forwardRef(
+  function PaginationRoot2({
+    page,
+    pageSize,
+    total,
+    onPageChange,
+    onPageSizeChange,
+    pageSizeOptions = [10, 20, 50],
+    align = "start",
+    size = "md",
+    disabled = false,
+    hideOnSinglePage = false,
+    showSizeChanger = true,
+    showTotal = true,
+    showQuickJumper = false,
+    classNames = {},
+    children,
+    className,
+    ...other
+  }, ref) {
+    const pageCount = total > 0 ? Math.ceil(total / pageSize) : 1;
+    const start = total === 0 ? 0 : (page - 1) * pageSize + 1;
+    const end = Math.min(page * pageSize, total);
+    const ctx = {
+      page,
+      pageSize,
+      total,
+      pageCount,
+      start,
+      end,
+      onPageChange,
+      onPageSizeChange,
+      pageSizeOptions,
+      align,
+      size,
+      disabled,
+      showSizeChanger,
+      showTotal,
+      showQuickJumper,
+      classNames
+    };
+    if (hideOnSinglePage && pageCount <= 1) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(PaginationContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "nav",
+      {
+        ref,
+        "aria-label": "Pagina\xE7\xE3o",
+        className: utils.cn(
+          variants.paginationRootBaseClasses,
+          alignClasses[align],
+          classNames.root,
+          className
+        ),
+        ...other,
+        children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          showTotal !== false && /* @__PURE__ */ jsxRuntime.jsx(PaginationInfo, {}),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: utils.cn(variants.paginationPagesWrapperClasses, classNames.pages),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(PaginationPrev, {}),
+                /* @__PURE__ */ jsxRuntime.jsx(PaginationPages, {}),
+                /* @__PURE__ */ jsxRuntime.jsx(PaginationNext, {})
+              ]
+            }
+          ),
+          showSizeChanger && /* @__PURE__ */ jsxRuntime.jsx(PaginationPageSize, {}),
+          showQuickJumper && /* @__PURE__ */ jsxRuntime.jsx(PaginationQuickJumper, {})
+        ] })
+      }
+    ) });
+  }
+);
+PaginationRoot.displayName = "Pagination";
+function getTotalContent(showTotal, total, start, end) {
+  if (typeof showTotal === "function") {
+    return showTotal(total, [start, end]);
+  }
+  if (showTotal === true) {
+    if (total === 0) return "0 itens";
+    return `${start}\u2013${end} de ${total}`;
+  }
+  return null;
+}
+const PaginationInfo = React__namespace.forwardRef(
+  function PaginationInfo2({ className, children, ...other }, ref) {
+    const { start, end, total, showTotal, classNames } = usePagination();
+    const content = children ?? getTotalContent(showTotal, total, start, end);
+    if (content == null) return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        ref,
+        className: utils.cn(variants.paginationInfoClasses, classNames.info, className),
+        ...other,
+        children: content
+      }
+    );
+  }
+);
+PaginationInfo.displayName = "Pagination.Info";
+function getPageNumbers(current, pageCount, maxVisible) {
+  if (pageCount <= maxVisible) {
+    return Array.from({ length: pageCount }, (_, i) => i + 1);
+  }
+  const pages = [];
+  const half = Math.floor(maxVisible / 2);
+  if (current <= half) {
+    for (let i = 1; i <= maxVisible; i++) pages.push(i);
+    pages.push("ellipsis", pageCount);
+  } else if (current >= pageCount - half) {
+    pages.push(1, "ellipsis");
+    for (let i = pageCount - maxVisible + 1; i <= pageCount; i++) pages.push(i);
+  } else {
+    pages.push(
+      1,
+      "ellipsis",
+      current - 1,
+      current,
+      current + 1,
+      "ellipsis",
+      pageCount
+    );
+  }
+  return pages;
+}
+function PaginationPages({ maxVisible = 5 }) {
+  const { page, pageCount, onPageChange, disabled, size, classNames } = usePagination();
+  const buttonSize = buttonSizeMap[size];
+  const items = getPageNumbers(page, pageCount, maxVisible);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: items.map(
+    (item, i) => item === "ellipsis" ? /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: "text-muted-foreground flex h-9 min-w-9 items-center justify-center px-2 text-sm",
+        "aria-hidden": true,
+        children: "\u2026"
+      },
+      `ellipsis-${String(items[i - 1])}-${String(items[i + 1])}`
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      button.Button,
+      {
+        type: "button",
+        variant: page === item ? "primary" : "outline",
+        size: buttonSize,
+        disabled,
+        "aria-label": `P\xE1gina ${item}`,
+        "aria-current": page === item ? "page" : void 0,
+        className: utils.cn(variants.paginationItemClasses, classNames.item),
+        onClick: () => onPageChange(item),
+        children: item
+      },
+      `page-${item}`
+    )
+  ) });
+}
+PaginationPages.displayName = "Pagination.Pages";
+function PaginationPrev({
+  className,
+  labelPrev = "Anterior",
+  children,
+  ...other
+}) {
+  const { page, onPageChange, disabled, size, classNames } = usePagination();
+  const isDisabled = disabled || page <= 1;
+  const buttonSize = buttonSizeMap[size];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    button.Button,
+    {
+      type: "button",
+      variant: "outline",
+      size: buttonSize,
+      disabled: isDisabled,
+      "aria-label": labelPrev,
+      className: utils.cn(classNames.prev, className),
+      onClick: () => onPageChange(page - 1),
+      ...other,
+      children: children ?? "\u2039"
+    }
+  );
+}
+PaginationPrev.displayName = "Pagination.Prev";
+function PaginationNext({
+  className,
+  labelNext = "Pr\xF3ximo",
+  children,
+  ...other
+}) {
+  const { page, pageCount, onPageChange, disabled, size, classNames } = usePagination();
+  const isDisabled = disabled || page >= pageCount || pageCount <= 0;
+  const buttonSize = buttonSizeMap[size];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    button.Button,
+    {
+      type: "button",
+      variant: "outline",
+      size: buttonSize,
+      disabled: isDisabled,
+      "aria-label": labelNext,
+      className: utils.cn(classNames.next, className),
+      onClick: () => onPageChange(page + 1),
+      ...other,
+      children: children ?? "\u203A"
+    }
+  );
+}
+PaginationNext.displayName = "Pagination.Next";
+function PaginationPageSize({
+  label = "Itens por p\xE1gina",
+  className
+}) {
+  const {
+    pageSize,
+    onPageSizeChange,
+    pageSizeOptions,
+    disabled,
+    size,
+    classNames
+  } = usePagination();
+  const selectSize = selectSizeMap[size];
+  const value = String(pageSize);
+  const triggerHeight = size === "sm" ? "h-8" : size === "lg" ? "h-11" : "h-10";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils.cn("flex items-center gap-2", classNames.pageSize, className),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground whitespace-nowrap text-sm", children: label }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          select.Select,
+          {
+            value,
+            onValueChange: (v) => onPageSizeChange(Number(v)),
+            disabled,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                select.SelectTrigger,
+                {
+                  size: selectSize,
+                  className: utils.cn("min-w-[80px]", triggerHeight),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, {})
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: pageSizeOptions.map((s) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: String(s), children: s }, s)) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+PaginationPageSize.displayName = "Pagination.PageSize";
+function PaginationQuickJumper({
+  labelGoTo = "Ir para",
+  labelPage = "P\xE1gina",
+  className
+}) {
+  const { pageCount, onPageChange, disabled, classNames } = usePagination();
+  const [inputValue, setInputValue] = React__namespace.useState("");
+  const handleGo = () => {
+    const num = Number(inputValue);
+    if (Number.isInteger(num) && num >= 1 && num <= pageCount) {
+      onPageChange(num);
+      setInputValue("");
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils.cn(
+        "flex items-center gap-2 text-sm",
+        classNames.quickJumper,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground whitespace-nowrap", children: labelGoTo }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "number",
+            min: 1,
+            max: pageCount,
+            value: inputValue,
+            onChange: (e) => setInputValue(e.target.value),
+            onKeyDown: (e) => e.key === "Enter" && handleGo(),
+            disabled,
+            className: variants.paginationQuickJumperInputClasses,
+            "aria-label": `${labelGoTo} ${labelPage}`
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground whitespace-nowrap", children: labelPage }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          button.Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            disabled,
+            onClick: handleGo,
+            "aria-label": "Ir",
+            children: "Ir"
+          }
+        )
+      ]
+    }
+  );
+}
+PaginationQuickJumper.displayName = "Pagination.QuickJumper";
+const PaginationExport = PaginationRoot;
+PaginationExport.Info = PaginationInfo;
+PaginationExport.Prev = PaginationPrev;
+PaginationExport.Next = PaginationNext;
+PaginationExport.PageSize = PaginationPageSize;
+PaginationExport.Pages = PaginationPages;
+PaginationExport.QuickJumper = PaginationQuickJumper;
+
+exports.Pagination = PaginationExport;
+exports.PaginationContext = PaginationContext;
+exports.PaginationInfo = PaginationInfo;
+exports.PaginationNext = PaginationNext;
+exports.PaginationPageSize = PaginationPageSize;
+exports.PaginationPages = PaginationPages;
+exports.PaginationPrev = PaginationPrev;
+exports.PaginationQuickJumper = PaginationQuickJumper;
+exports.PaginationRoot = PaginationRoot;
+exports.usePagination = usePagination;