@sbkbs/ui 1.0.2 → 1.0.4

package/dist/components/Toast/Toast.js

@@ -0,0 +1,110 @@
+import { jsxs as v, jsx as a } from "react/jsx-runtime";
+import { useState as x, useRef as p, useCallback as b, useEffect as w, useMemo as g, useContext as h, createContext as T } from "react";
+import { cn as y } from "../../utils/cn.js";
+const N = ({
+  tone: e = "info",
+  title: o,
+  description: c,
+  onDismiss: s,
+  className: n,
+  ...i
+}) => {
+  const d = {
+    info: "border-[var(--info-color)]/40",
+    success: "border-[var(--success-color)]/40",
+    warning: "border-[var(--warning-color)]/40",
+    error: "border-[var(--md-error)]/40"
+  }[e], l = e === "error" || e === "warning" ? "assertive" : "polite", r = e === "error" || e === "warning" ? "alert" : "status";
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      className: y(
+        "w-[22rem] rounded-[var(--border-radius-md)] border bg-[var(--bg-secondary)] p-3 shadow-[var(--shadow-lg)]",
+        d,
+        n
+      ),
+      "aria-atomic": "true",
+      "aria-live": l,
+      onKeyDown: (t) => {
+        t.key === "Escape" && (s == null || s());
+      },
+      role: r,
+      tabIndex: 0,
+      ...i,
+      children: [
+        /* @__PURE__ */ v("div", { className: "flex items-start justify-between gap-2", children: [
+          /* @__PURE__ */ a("p", { className: "m-0 text-sm font-semibold text-[var(--text-primary)]", children: o }),
+          s && /* @__PURE__ */ a(
+            "button",
+            {
+              "aria-label": "Fechar notificação",
+              className: "inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--border-radius-sm)] text-[var(--text-secondary)] transition hover:bg-[var(--bg-hover)] hover:text-[var(--text-primary)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--border-color-focus)]",
+              onClick: s,
+              type: "button",
+              children: /* @__PURE__ */ a("span", { "aria-hidden": !0, children: "×" })
+            }
+          )
+        ] }),
+        c && /* @__PURE__ */ a("p", { className: "mt-1 text-sm text-[var(--text-secondary)]", children: c })
+      ]
+    }
+  );
+}, f = T(void 0), I = ({ children: e, durationMs: o = 4e3 }) => {
+  const [c, s] = x([]), n = p(/* @__PURE__ */ new Map()), i = b((r) => {
+    const t = n.current.get(r);
+    t && (window.clearTimeout(t), n.current.delete(r)), s((u) => u.filter((m) => m.id !== r));
+  }, []), d = b(
+    (r) => {
+      const t = r.id ?? `toast-${Math.random().toString(36).slice(2, 9)}`;
+      s((m) => [...m, { ...r, id: t }]);
+      const u = window.setTimeout(() => i(t), o);
+      n.current.set(t, u);
+    },
+    [i, o]
+  );
+  w(() => {
+    const r = n.current;
+    return () => {
+      r.forEach((t) => window.clearTimeout(t)), r.clear();
+    };
+  }, []);
+  const l = g(
+    () => ({ toasts: c, pushToast: d, dismissToast: i }),
+    [c, d, i]
+  );
+  return /* @__PURE__ */ v(f.Provider, { value: l, children: [
+    e,
+    /* @__PURE__ */ a(C, {})
+  ] });
+}, M = () => {
+  const e = h(f);
+  if (!e)
+    throw new Error("useToast must be used inside ToastProvider");
+  return e;
+}, C = () => {
+  const e = h(f);
+  return !e || e.toasts.length === 0 ? null : /* @__PURE__ */ a(
+    "div",
+    {
+      "aria-label": "Notificações",
+      className: "pointer-events-none fixed bottom-4 right-4 z-[1200] grid gap-2",
+      role: "region",
+      children: e.toasts.map((o) => /* @__PURE__ */ a(
+        N,
+        {
+          ...o,
+          className: "pointer-events-auto",
+          onDismiss: () => e.dismissToast(o.id)
+        },
+        o.id
+      ))
+    }
+  );
+};
+export {
+  N as Toast,
+  I as ToastProvider,
+  C as ToastViewport,
+  M as useToast
+};
+//# sourceMappingURL=Toast.js.map

package/dist/components/Toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import type React from 'react';\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface ToastProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  id?: string;\n  description?: React.ReactNode;\n  onDismiss?: () => void;\n  title: React.ReactNode;\n  tone?: 'info' | 'success' | 'warning' | 'error';\n}\n\nexport const Toast: React.FC<ToastProps> = ({\n  tone = 'info',\n  title,\n  description,\n  onDismiss,\n  className,\n  ...props\n}) => {\n  const toneClass = {\n    info: 'border-[var(--info-color)]/40',\n    success: 'border-[var(--success-color)]/40',\n    warning: 'border-[var(--warning-color)]/40',\n    error: 'border-[var(--md-error)]/40',\n  }[tone];\n  const liveMode = tone === 'error' || tone === 'warning' ? 'assertive' : 'polite';\n  const role = tone === 'error' || tone === 'warning' ? 'alert' : 'status';\n\n  return (\n    <div\n      className={cn(\n        'w-[22rem] rounded-[var(--border-radius-md)] border bg-[var(--bg-secondary)] p-3 shadow-[var(--shadow-lg)]',\n        toneClass,\n        className,\n      )}\n      aria-atomic=\"true\"\n      aria-live={liveMode}\n      onKeyDown={(event) => {\n        if (event.key === 'Escape') {\n          onDismiss?.();\n        }\n      }}\n      role={role}\n      tabIndex={0}\n      {...props}\n    >\n      <div className=\"flex items-start justify-between gap-2\">\n        <p className=\"m-0 text-sm font-semibold text-[var(--text-primary)]\">{title}</p>\n        {onDismiss && (\n          <button\n            aria-label=\"Fechar notificação\"\n            className=\"inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-[var(--border-radius-sm)] text-[var(--text-secondary)] transition hover:bg-[var(--bg-hover)] hover:text-[var(--text-primary)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--border-color-focus)]\"\n            onClick={onDismiss}\n            type=\"button\"\n          >\n            <span aria-hidden>×</span>\n          </button>\n        )}\n      </div>\n      {description && <p className=\"mt-1 text-sm text-[var(--text-secondary)]\">{description}</p>}\n    </div>\n  );\n};\n\ninterface ToastContextValue {\n  dismissToast: (id: string) => void;\n  pushToast: (toast: Omit<ToastProps, 'id'> & { id?: string }) => void;\n  toasts: Array<ToastProps & { id: string }>;\n}\n\nconst ToastContext = createContext<ToastContextValue | undefined>(undefined);\n\nexport interface ToastProviderProps {\n  children: React.ReactNode;\n  durationMs?: number;\n}\n\nexport const ToastProvider: React.FC<ToastProviderProps> = ({ children, durationMs = 4000 }) => {\n  const [toasts, setToasts] = useState<Array<ToastProps & { id: string }>>([]);\n  const timeoutIdsRef = useRef<Map<string, number>>(new Map());\n\n  const dismissToast = useCallback((id: string) => {\n    const timeoutId = timeoutIdsRef.current.get(id);\n    if (timeoutId) {\n      window.clearTimeout(timeoutId);\n      timeoutIdsRef.current.delete(id);\n    }\n    setToasts((prev) => prev.filter((toast) => toast.id !== id));\n  }, []);\n\n  const pushToast = useCallback(\n    (toast: Omit<ToastProps, 'id'> & { id?: string }) => {\n      const id = toast.id ?? `toast-${Math.random().toString(36).slice(2, 9)}`;\n      setToasts((prev) => [...prev, { ...toast, id }]);\n      const timeoutId = window.setTimeout(() => dismissToast(id), durationMs);\n      timeoutIdsRef.current.set(id, timeoutId);\n    },\n    [dismissToast, durationMs],\n  );\n\n  useEffect(() => {\n    const ids = timeoutIdsRef.current;\n    return () => {\n      ids.forEach((timeoutId) => window.clearTimeout(timeoutId));\n      ids.clear();\n    };\n  }, []);\n\n  const value = useMemo(\n    () => ({ toasts, pushToast, dismissToast }),\n    [toasts, pushToast, dismissToast],\n  );\n\n  return (\n    <ToastContext.Provider value={value}>\n      {children}\n      <ToastViewport />\n    </ToastContext.Provider>\n  );\n};\n\nexport const useToast = (): ToastContextValue => {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error('useToast must be used inside ToastProvider');\n  }\n  return context;\n};\n\nexport const ToastViewport: React.FC = () => {\n  const context = useContext(ToastContext);\n  if (!context || context.toasts.length === 0) {\n    return null;\n  }\n  return (\n    <div\n      aria-label=\"Notificações\"\n      className=\"pointer-events-none fixed bottom-4 right-4 z-[1200] grid gap-2\"\n      role=\"region\"\n    >\n      {context.toasts.map((toast) => (\n        <Toast\n          key={toast.id}\n          {...toast}\n          className=\"pointer-events-auto\"\n          onDismiss={() => context.dismissToast(toast.id)}\n        />\n      ))}\n    </div>\n  );\n};\n"],"names":["Toast","tone","title","description","onDismiss","className","props","toneClass","liveMode","role","jsxs","cn","event","jsx","ToastContext","createContext","ToastProvider","children","durationMs","toasts","setToasts","useState","timeoutIdsRef","useRef","dismissToast","useCallback","id","timeoutId","prev","toast","pushToast","useEffect","ids","value","useMemo","ToastViewport","useToast","context","useContext"],"mappings":"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"}

package/dist/components/Toast/Toast.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Toast } from './Toast';
+declare const meta: Meta<typeof Toast>;
+export default meta;
+type Story = StoryObj<typeof Toast>;
+export declare const Playground: Story;
+export declare const AllTones: Story;
+export declare const WithProvider: Story;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+export interface TooltipProps {
+    children: React.ReactNode;
+    content: React.ReactNode;
+    side?: 'top' | 'bottom';
+}
+export declare const Tooltip: React.FC<TooltipProps>;

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,36 @@
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
+import { useState as f, useId as m, isValidElement as u } from "react";
+import { cn as x } from "../../utils/cn.js";
+const g = ({ children: t, content: r, side: i = "top" }) => {
+  const [o, e] = f(!1), a = m(), l = i === "top" ? "bottom-full mb-2 left-1/2 -translate-x-1/2" : "top-full mt-2 left-1/2 -translate-x-1/2", n = {
+    "aria-describedby": a,
+    onBlur: () => e(!1),
+    onFocus: () => e(!0),
+    onKeyDown: (c) => {
+      c.key === "Escape" && e(!1);
+    },
+    onMouseEnter: () => e(!0),
+    onMouseLeave: () => e(!1)
+  }, p = u(t) ? /* @__PURE__ */ s("span", { className: "inline-flex", ...n, children: t }) : /* @__PURE__ */ s("span", { className: "inline-flex", tabIndex: 0, ...n, children: t });
+  return /* @__PURE__ */ d("span", { className: "relative inline-flex", children: [
+    p,
+    /* @__PURE__ */ s(
+      "span",
+      {
+        "aria-hidden": !o,
+        className: x(
+          "pointer-events-none absolute z-20 whitespace-nowrap rounded bg-[var(--brand-cinza-escuro)] px-2 py-1 text-xs text-white shadow-[var(--shadow-sm)] transition",
+          o ? "opacity-100" : "opacity-0",
+          l
+        ),
+        id: a,
+        role: "tooltip",
+        children: r
+      }
+    )
+  ] });
+};
+export {
+  g as Tooltip
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import type React from 'react';\nimport { isValidElement, useId, useState } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface TooltipProps {\n  children: React.ReactNode;\n  content: React.ReactNode;\n  side?: 'top' | 'bottom';\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({ children, content, side = 'top' }) => {\n  const [open, setOpen] = useState(false);\n  const tooltipId = useId();\n  const sideClass =\n    side === 'top'\n      ? 'bottom-full mb-2 left-1/2 -translate-x-1/2'\n      : 'top-full mt-2 left-1/2 -translate-x-1/2';\n\n  const triggerProps = {\n    'aria-describedby': tooltipId,\n    onBlur: () => setOpen(false),\n    onFocus: () => setOpen(true),\n    onKeyDown: (event: React.KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setOpen(false);\n      }\n    },\n    onMouseEnter: () => setOpen(true),\n    onMouseLeave: () => setOpen(false),\n  };\n\n  const trigger = isValidElement(children) ? (\n    <span className=\"inline-flex\" {...triggerProps}>\n      {children}\n    </span>\n  ) : (\n    <span className=\"inline-flex\" tabIndex={0} {...triggerProps}>\n      {children}\n    </span>\n  );\n\n  return (\n    <span className=\"relative inline-flex\">\n      {trigger}\n      <span\n        aria-hidden={!open}\n        className={cn(\n          'pointer-events-none absolute z-20 whitespace-nowrap rounded bg-[var(--brand-cinza-escuro)] px-2 py-1 text-xs text-white shadow-[var(--shadow-sm)] transition',\n          open ? 'opacity-100' : 'opacity-0',\n          sideClass,\n        )}\n        id={tooltipId}\n        role=\"tooltip\"\n      >\n        {content}\n      </span>\n    </span>\n  );\n};\n"],"names":["Tooltip","children","content","side","open","setOpen","useState","tooltipId","useId","sideClass","triggerProps","event","trigger","isValidElement","jsx","jsxs","cn"],"mappings":";;;AAUO,MAAMA,IAAkC,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,MAAAC,IAAO,YAAY;AACtF,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChCC,IAAYC,EAAA,GACZC,IACJN,MAAS,QACL,+CACA,2CAEAO,IAAe;AAAA,IACnB,oBAAoBH;AAAA,IACpB,QAAQ,MAAMF,EAAQ,EAAK;AAAA,IAC3B,SAAS,MAAMA,EAAQ,EAAI;AAAA,IAC3B,WAAW,CAACM,MAA+B;AACzC,MAAIA,EAAM,QAAQ,YAChBN,EAAQ,EAAK;AAAA,IAEjB;AAAA,IACA,cAAc,MAAMA,EAAQ,EAAI;AAAA,IAChC,cAAc,MAAMA,EAAQ,EAAK;AAAA,EAAA,GAG7BO,IAAUC,EAAeZ,CAAQ,sBACpC,QAAA,EAAK,WAAU,eAAe,GAAGS,GAC/B,UAAAT,GACH,IAEA,gBAAAa,EAAC,UAAK,WAAU,eAAc,UAAU,GAAI,GAAGJ,GAC5C,UAAAT,GACH;AAGF,SACE,gBAAAc,EAAC,QAAA,EAAK,WAAU,wBACb,UAAA;AAAA,IAAAH;AAAA,IACD,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAa,CAACV;AAAA,QACd,WAAWY;AAAA,UACT;AAAA,UACAZ,IAAO,gBAAgB;AAAA,UACvBK;AAAA,QAAA;AAAA,QAEF,IAAIF;AAAA,QACJ,MAAK;AAAA,QAEJ,UAAAL;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}

package/dist/index.d.ts

@@ -14,13 +14,41 @@
  */
 import './tailwind.css';
 import './theme/theme.css';
-export { Button, type ButtonPalette, type ButtonProps, } from './components/Button/Button';
+export { Accordion, type AccordionItem, type AccordionProps, } from './components/Accordion/Accordion';
+export { Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, } from './components/Breadcrumb/Breadcrumb';
+export { Combobox, type ComboboxOption, type ComboboxProps } from './components/Combobox/Combobox';
+export { FileUpload, type FileUploadProps } from './components/FileUpload/FileUpload';
+export { NumberInput, type NumberInputProps } from './components/NumberInput/NumberInput';
+export { Stepper, type StepperItem, type StepperProps, type StepStatus, } from './components/Stepper/Stepper';
+export { Button, type ButtonPalette, type ButtonProps } from './components/Button/Button';
+export { Alert, type AlertProps } from './components/Alert/Alert';
+export { Badge, type BadgeProps } from './components/Badge/Badge';
 export { Card, type CardProps } from './components/Card/Card';
+export { Checkbox, type CheckboxProps } from './components/Checkbox/Checkbox';
+export { Chip, type ChipProps } from './components/Chip/Chip';
+export { Divider, type DividerProps } from './components/Divider/Divider';
+export { EmptyState, type EmptyStateProps } from './components/EmptyState/EmptyState';
 export { Footer, type FooterProps } from './components/Footer/Footer';
 export { Header, type HeaderProps } from './components/Header/Header';
 export { Input, type InputProps } from './components/Input/Input';
+export { Container, Grid, Stack, type ContainerProps, type GridProps, type StackProps, } from './components/Layout/Layout';
 export { Modal, type ModalProps } from './components/Modal/Modal';
-export { Paragraph, type ParagraphProps, } from './components/Paragraph/Paragraph';
+export { Sidebar, Topbar, type SidebarProps, type TopbarProps, } from './components/Navigation/Navigation';
+export { Pagination, type PaginationProps } from './components/Pagination/Pagination';
+export { Paragraph, type ParagraphProps } from './components/Paragraph/Paragraph';
+export { PageHeader, type PageHeaderProps } from './components/PageHeader/PageHeader';
+export { Popover, type PopoverProps } from './components/Popover/Popover';
+export { Radio, type RadioProps } from './components/Radio/Radio';
+export { SectionHeader, type SectionHeaderProps } from './components/SectionHeader/SectionHeader';
+export { Select, type SelectOption, type SelectProps } from './components/Select/Select';
+export { Skeleton, type SkeletonProps } from './components/Skeleton/Skeleton';
 export { Subtitle, type SubtitleProps } from './components/Subtitle/Subtitle';
+export { Switch, type SwitchProps } from './components/Switch/Switch';
+export { Tag, type TagProps } from './components/Tag/Tag';
+export { Tabs, type TabItem, type TabsProps } from './components/Tabs/Tabs';
+export { Table, type TableProps } from './components/Table/Table';
+export { Textarea, type TextareaProps } from './components/Textarea/Textarea';
+export { Toast, ToastProvider, ToastViewport, type ToastProps, type ToastProviderProps, useToast, } from './components/Toast/Toast';
 export { Title, type TitleProps } from './components/Title/Title';
-export { type Theme, ThemeProvider, useTheme, } from './theme/ThemeProvider';
+export { Tooltip, type TooltipProps } from './components/Tooltip/Tooltip';
+export { type Theme, ThemeProvider, useTheme } from './theme/ThemeProvider';

package/dist/index.js

@@ -0,0 +1,88 @@
+/* empty css             */
+/* empty css                */
+import { Accordion as p } from "./components/Accordion/Accordion.js";
+import { Breadcrumb as x } from "./components/Breadcrumb/Breadcrumb.js";
+import { Combobox as a } from "./components/Combobox/Combobox.js";
+import { FileUpload as d } from "./components/FileUpload/FileUpload.js";
+import { NumberInput as b } from "./components/NumberInput/NumberInput.js";
+import { Stepper as n } from "./components/Stepper/Stepper.js";
+import { Button as c } from "./components/Button/Button.js";
+import { Alert as s } from "./components/Alert/Alert.js";
+import { Badge as P } from "./components/Badge/Badge.js";
+import { Card as C } from "./components/Card/Card.js";
+import { Checkbox as k } from "./components/Checkbox/Checkbox.js";
+import { Chip as H } from "./components/Chip/Chip.js";
+import { Divider as A } from "./components/Divider/Divider.js";
+import { EmptyState as I } from "./components/EmptyState/EmptyState.js";
+import { Footer as D } from "./components/Footer/Footer.js";
+import { Header as G } from "./components/Header/Header.js";
+import { Input as N } from "./components/Input/Input.js";
+import { Container as U, Grid as V, Stack as j } from "./components/Layout/Layout.js";
+import { Modal as z } from "./components/Modal/Modal.js";
+import { Sidebar as K, Topbar as L } from "./components/Navigation/Navigation.js";
+import { Pagination as Q } from "./components/Pagination/Pagination.js";
+import { Paragraph as X } from "./components/Paragraph/Paragraph.js";
+import { PageHeader as Z } from "./components/PageHeader/PageHeader.js";
+import { Popover as $ } from "./components/Popover/Popover.js";
+import { Radio as ro } from "./components/Radio/Radio.js";
+import { SectionHeader as to } from "./components/SectionHeader/SectionHeader.js";
+import { Select as mo } from "./components/Select/Select.js";
+import { Skeleton as fo } from "./components/Skeleton/Skeleton.js";
+import { Subtitle as io } from "./components/Subtitle/Subtitle.js";
+import { Switch as bo } from "./components/Switch/Switch.js";
+import { Tag as no } from "./components/Tag/Tag.js";
+import { Tabs as co } from "./components/Tabs/Tabs.js";
+import { Table as so } from "./components/Table/Table.js";
+import { Textarea as Po } from "./components/Textarea/Textarea.js";
+import { Toast as Co, ToastProvider as vo, ToastViewport as ko, useToast as Bo } from "./components/Toast/Toast.js";
+import { Title as wo } from "./components/Title/Title.js";
+import { Tooltip as Fo } from "./components/Tooltip/Tooltip.js";
+import { ThemeProvider as yo, useTheme as Do } from "./theme/ThemeProvider.js";
+export {
+  p as Accordion,
+  s as Alert,
+  P as Badge,
+  x as Breadcrumb,
+  c as Button,
+  C as Card,
+  k as Checkbox,
+  H as Chip,
+  a as Combobox,
+  U as Container,
+  A as Divider,
+  I as EmptyState,
+  d as FileUpload,
+  D as Footer,
+  V as Grid,
+  G as Header,
+  N as Input,
+  z as Modal,
+  b as NumberInput,
+  Z as PageHeader,
+  Q as Pagination,
+  X as Paragraph,
+  $ as Popover,
+  ro as Radio,
+  to as SectionHeader,
+  mo as Select,
+  K as Sidebar,
+  fo as Skeleton,
+  j as Stack,
+  n as Stepper,
+  io as Subtitle,
+  bo as Switch,
+  so as Table,
+  co as Tabs,
+  no as Tag,
+  Po as Textarea,
+  yo as ThemeProvider,
+  wo as Title,
+  Co as Toast,
+  vo as ToastProvider,
+  ko as ToastViewport,
+  Fo as Tooltip,
+  L as Topbar,
+  Do as useTheme,
+  Bo as useToast
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/node_modules/clsx/dist/clsx.js

@@ -0,0 +1,17 @@
+function i(r) {
+  var f, n, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (f = 0; f < o; f++) r[f] && (n = i(r[f])) && (t && (t += " "), t += n);
+  } else for (n in r) r[n] && (t && (t += " "), t += n);
+  return t;
+}
+function a() {
+  for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = i(r)) && (t && (t += " "), t += f);
+  return t;
+}
+export {
+  a as clsx
+};
+//# sourceMappingURL=clsx.js.map

package/dist/node_modules/clsx/dist/clsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clsx.js","sources":["../../../../node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","f","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAEC,GAAEC,IAAE;AAAG,MAAa,OAAOH,KAAjB,YAA8B,OAAOA,KAAjB,SAAmB,CAAAG,KAAGH;AAAA,WAAoB,OAAOA,KAAjB,SAAmB,KAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,QAAI,IAAEA,EAAE;AAAO,SAAIC,IAAE,GAAEA,IAAE,GAAEA,IAAI,CAAAD,EAAEC,CAAC,MAAIC,IAAEH,EAAEC,EAAEC,CAAC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAA,EAAE,MAAM,MAAIA,KAAKF,EAAE,CAAAA,EAAEE,CAAC,MAAIC,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQJ,GAAEC,GAAEC,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAOD,IAAE,GAAEA,IAAI,EAACF,IAAE,UAAUE,CAAC,OAAKD,IAAEF,EAAEC,CAAC,OAAKG,MAAIA,KAAG,MAAKA,KAAGF;AAAG,SAAOE;AAAC;","x_google_ignoreList":[0]}