@dust-tt/sparkle 0.1.4 → 0.1.6

package/.rollup.cache/home/spolu/code/dust/sparkle/dist/components/Tab.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { SparkleContext } from "@sparkle/context";
+import { divLink, SparkleContext, } from "@sparkle/context";
 import { classNames } from "@sparkle/lib/utils";
 var tabClasses = {
     default: {
@@ -44,10 +44,12 @@ var tabSizingClasses = {
 export function Tab(_a) {
     var tabs = _a.tabs, onTabClick = _a.onTabClick, _b = _a.className, className = _b === void 0 ? "" : _b;
     var components = React.useContext(SparkleContext).components;
-    var Link = components.link;
     var renderTabs = function () {
         return tabs.map(function (tab) {
             var _a, _b;
+            // If we don't have an set the href to "" and use a div.
+            var href = tab.href || "";
+            var Link = tab.href ? components.link : divLink;
             var tabStateClasses = tab.current
                 ? tabClasses.selected
                 : tabClasses.default;
@@ -56,7 +58,7 @@ export function Tab(_a) {
                 : iconClasses.default;
             var finalTabClasses = classNames("group justify-center flex text-sm font-semibold px-4 py-3 border-b-2 transition-colors duration-400 whitespace-nowrap select-none", tabStateClasses.base, tabStateClasses.hover, tabStateClasses.dark.base, tabStateClasses.dark.hover, tabSizingClasses[(_a = tab.sizing) !== null && _a !== void 0 ? _a : "hug"], className);
             var finalIconClasses = classNames("h-5 w-5 transition-colors duration-400", iconStateClasses.base, iconStateClasses.hover, iconStateClasses.dark.base, iconStateClasses.dark.hover, className);
-            return (React.createElement(Link, { key: tab.label, className: finalTabClasses, "aria-current": tab.current ? "page" : undefined, onClick: function (event) { return onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(tab.label, event); }, href: tab.href },
+            return (React.createElement(Link, { key: tab.label, className: finalTabClasses, "aria-current": tab.current ? "page" : undefined, onClick: function (event) { return onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(tab.label, event); }, href: href },
                 React.createElement("div", { className: tab.current
                         ? "flex gap-x-2"
                         : "duration-400 flex scale-100 transform gap-x-2 transition-transform ease-out group-hover:scale-110" },

package/.rollup.cache/home/spolu/code/dust/sparkle/dist/components/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../src/components/Tab.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ReactComponentLike } from \"prop-types\";\nimport React, { MouseEvent } from \"react\";\n\nimport { SparkleContext } from \"@sparkle/context\";\nimport { classNames } from \"@sparkle/lib/utils\";\n\ntype TabProps = {\n  tabs: Array<{\n    label: string;\n    hideLabel?: boolean;\n    current: boolean;\n    sizing?: \"hug\" | \"expand\";\n    icon?: ReactComponentLike;\n    href?: string;\n  }>;\n  onTabClick?: (tabName: string, event: MouseEvent<HTMLAnchorElement>) => void;\n  className?: string;\n};\n\nconst tabClasses = {\n  default: {\n    base: \"text-element-800 border-transparent cursor-pointer\",\n    hover: \"hover:text-action-500\",\n    dark: {\n      base: \"dark:text-element-700-dark\",\n      hover: \"dark:hover:text-action-600-dark\",\n    },\n  },\n  selected: {\n    base: \"border-action-500 text-action-500 cursor-default\",\n    hover: \"\",\n    dark: {\n      base: \"dark:border-action-500-dark dark:text-action-500-dark\",\n      hover: \"\",\n    },\n  },\n};\n\nconst iconClasses = {\n  default: {\n    base: \"text-element-600\",\n    hover: \"group-hover:text-action-400\",\n    dark: {\n      base: \"dark:text-element-600-dark\",\n      hover: \"dark:group-hover:text-action-500-dark\",\n    },\n  },\n  selected: {\n    base: \"text-action-500\",\n    hover: \"\",\n    dark: {\n      base: \"dark:text-action-500-dark\",\n      hover: \"\",\n    },\n  },\n};\n\nconst tabSizingClasses = {\n  hug: \"\",\n  expand: \"flex-1\",\n};\n\nexport function Tab({ tabs, onTabClick, className = \"\" }: TabProps) {\n  const { components } = React.useContext(SparkleContext);\n  const Link = components.link;\n\n  const renderTabs = () =>\n    tabs.map((tab) => {\n      const tabStateClasses = tab.current\n        ? tabClasses.selected\n        : tabClasses.default;\n      const iconStateClasses = tab.current\n        ? iconClasses.selected\n        : iconClasses.default;\n\n      const finalTabClasses = classNames(\n        \"group justify-center flex text-sm font-semibold px-4 py-3 border-b-2 transition-colors duration-400 whitespace-nowrap select-none\",\n        tabStateClasses.base,\n        tabStateClasses.hover,\n        tabStateClasses.dark.base,\n        tabStateClasses.dark.hover,\n        tabSizingClasses[tab.sizing ?? \"hug\"],\n        className\n      );\n\n      const finalIconClasses = classNames(\n        \"h-5 w-5 transition-colors duration-400\",\n        iconStateClasses.base,\n        iconStateClasses.hover,\n        iconStateClasses.dark.base,\n        iconStateClasses.dark.hover,\n        className\n      );\n\n      return (\n        <Link\n          key={tab.label}\n          className={finalTabClasses}\n          aria-current={tab.current ? \"page\" : undefined}\n          onClick={(event) => onTabClick?.(tab.label, event)}\n          href={tab.href}\n        >\n          <div\n            className={\n              tab.current\n                ? \"flex gap-x-2\"\n                : \"duration-400 flex scale-100 transform gap-x-2 transition-transform ease-out group-hover:scale-110\"\n            }\n          >\n            {tab.icon && <tab.icon className={finalIconClasses} />}\n            {tab.hideLabel ?? tab.label}\n          </div>\n        </Link>\n      );\n    });\n\n  return (\n    <div className=\"border-b border-structure-200 dark:border-structure-200-dark\">\n      <nav className=\"-mb-px flex space-x-0\" aria-label=\"Tabs\">\n        {renderTabs()}\n      </nav>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../src/components/Tab.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ReactComponentLike } from \"prop-types\";\nimport React, { MouseEvent } from \"react\";\n\nimport {\n  divLink,\n  SparkleContext,\n  SparkleContextLinkType,\n} from \"@sparkle/context\";\nimport { classNames } from \"@sparkle/lib/utils\";\n\ntype TabProps = {\n  tabs: Array<{\n    label: string;\n    hideLabel?: boolean;\n    current: boolean;\n    sizing?: \"hug\" | \"expand\";\n    icon?: ReactComponentLike;\n    href?: string;\n  }>;\n  onTabClick?: (tabName: string, event: MouseEvent<HTMLAnchorElement>) => void;\n  className?: string;\n};\n\nconst tabClasses = {\n  default: {\n    base: \"text-element-800 border-transparent cursor-pointer\",\n    hover: \"hover:text-action-500\",\n    dark: {\n      base: \"dark:text-element-700-dark\",\n      hover: \"dark:hover:text-action-600-dark\",\n    },\n  },\n  selected: {\n    base: \"border-action-500 text-action-500 cursor-default\",\n    hover: \"\",\n    dark: {\n      base: \"dark:border-action-500-dark dark:text-action-500-dark\",\n      hover: \"\",\n    },\n  },\n};\n\nconst iconClasses = {\n  default: {\n    base: \"text-element-600\",\n    hover: \"group-hover:text-action-400\",\n    dark: {\n      base: \"dark:text-element-600-dark\",\n      hover: \"dark:group-hover:text-action-500-dark\",\n    },\n  },\n  selected: {\n    base: \"text-action-500\",\n    hover: \"\",\n    dark: {\n      base: \"dark:text-action-500-dark\",\n      hover: \"\",\n    },\n  },\n};\n\nconst tabSizingClasses = {\n  hug: \"\",\n  expand: \"flex-1\",\n};\n\nexport function Tab({ tabs, onTabClick, className = \"\" }: TabProps) {\n  const { components } = React.useContext(SparkleContext);\n  const renderTabs = () =>\n    tabs.map((tab) => {\n      // If we don't have an set the href to \"\" and use a div.\n      const href = tab.href || \"\";\n      const Link: SparkleContextLinkType = tab.href ? components.link : divLink;\n\n      const tabStateClasses = tab.current\n        ? tabClasses.selected\n        : tabClasses.default;\n      const iconStateClasses = tab.current\n        ? iconClasses.selected\n        : iconClasses.default;\n\n      const finalTabClasses = classNames(\n        \"group justify-center flex text-sm font-semibold px-4 py-3 border-b-2 transition-colors duration-400 whitespace-nowrap select-none\",\n        tabStateClasses.base,\n        tabStateClasses.hover,\n        tabStateClasses.dark.base,\n        tabStateClasses.dark.hover,\n        tabSizingClasses[tab.sizing ?? \"hug\"],\n        className\n      );\n\n      const finalIconClasses = classNames(\n        \"h-5 w-5 transition-colors duration-400\",\n        iconStateClasses.base,\n        iconStateClasses.hover,\n        iconStateClasses.dark.base,\n        iconStateClasses.dark.hover,\n        className\n      );\n\n      return (\n        <Link\n          key={tab.label}\n          className={finalTabClasses}\n          aria-current={tab.current ? \"page\" : undefined}\n          onClick={(event) => onTabClick?.(tab.label, event)}\n          href={href}\n        >\n          <div\n            className={\n              tab.current\n                ? \"flex gap-x-2\"\n                : \"duration-400 flex scale-100 transform gap-x-2 transition-transform ease-out group-hover:scale-110\"\n            }\n          >\n            {tab.icon && <tab.icon className={finalIconClasses} />}\n            {tab.hideLabel ?? tab.label}\n          </div>\n        </Link>\n      );\n    });\n\n  return (\n    <div className=\"border-b border-structure-200 dark:border-structure-200-dark\">\n      <nav className=\"-mb-px flex space-x-0\" aria-label=\"Tabs\">\n        {renderTabs()}\n      </nav>\n    </div>\n  );\n}\n"]}

package/.rollup.cache/home/spolu/code/dust/sparkle/dist/context.d.ts

@@ -1,12 +1,17 @@
 import React, { ComponentType, MouseEvent, ReactNode } from "react";
+export type SparkleContextLinkType = ComponentType<{
+    key?: React.Key | null;
+    href: string;
+    className?: string;
+    children: ReactNode;
+    arriaCurrent?: boolean | "time" | "false" | "true" | "page" | "step" | "location" | "date";
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+}>;
 export type SparkleContextType = {
     components: {
-        link: ComponentType<{
-            href?: string;
-            className?: string;
-            children: ReactNode;
-            onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
-        }>;
+        link: SparkleContextLinkType;
     };
 };
+export declare const aLink: SparkleContextLinkType;
+export declare const divLink: SparkleContextLinkType;
 export declare const SparkleContext: React.Context<SparkleContextType>;

package/.rollup.cache/home/spolu/code/dust/sparkle/dist/context.js

@@ -1,9 +1,17 @@
 import React from "react";
+export var aLink = function (_a) {
+    var key = _a.key, href = _a.href, className = _a.className, arriaCurrent = _a.arriaCurrent, children = _a.children;
+    return (React.createElement("a", { key: key, href: href, className: className, "aria-current": arriaCurrent }, children));
+};
+export var divLink = function (_a) {
+    var key = _a.key, className = _a.className, arriaCurrent = _a.arriaCurrent, children = _a.children;
+    return (React.createElement("div", { key: key, className: className, "aria-current": arriaCurrent }, children));
+};
 export var SparkleContext = React.createContext({
     components: {
         link: function (_a) {
-            var href = _a.href, className = _a.className, children = _a.children;
-            return (React.createElement("a", { href: href, className: className }, children));
+            var key = _a.key, href = _a.href, className = _a.className, arriaCurrent = _a.arriaCurrent, children = _a.children;
+            return (React.createElement("a", { key: key, href: href, className: className, "aria-current": arriaCurrent }, children));
         },
     },
 });

package/.rollup.cache/home/spolu/code/dust/sparkle/dist/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAapE,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAqB;IACpE,UAAU,EAAE;QACV,IAAI,EAAE,UAAC,EAA6B;gBAA3B,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;YAAO,OAAA,CACvC,2BAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,IAChC,QAAQ,CACP,CACL;QAJwC,CAIxC;KACF;CACF,CAAC,CAAC","sourcesContent":["import React, { ComponentType, MouseEvent, ReactNode } from \"react\";\n\nexport type SparkleContextType = {\n  components: {\n    link: ComponentType<{\n      href?: string;\n      className?: string;\n      children: ReactNode;\n      onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n    }>;\n  };\n};\n\nexport const SparkleContext = React.createContext<SparkleContextType>({\n  components: {\n    link: ({ href, className, children }) => (\n      <a href={href} className={className}>\n        {children}\n      </a>\n    ),\n  },\n});\n"]}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAyBpE,MAAM,CAAC,IAAM,KAAK,GAA2B,UAAC,EAM7C;QALC,GAAG,SAAA,EACH,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA;IACJ,OAAA,CACJ,2BAAG,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,kBAAgB,YAAY,IACtE,QAAQ,CACP,CACL;AAJK,CAIL,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAA2B,UAAC,EAK/C;QAJC,GAAG,SAAA,EACH,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA;IACJ,OAAA,CACJ,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,kBAAgB,YAAY,IAC5D,QAAQ,CACL,CACP;AAJK,CAIL,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAqB;IACpE,UAAU,EAAE;QACV,IAAI,EAAE,UAAC,EAAgD;gBAA9C,GAAG,SAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,QAAQ,cAAA;YAAO,OAAA,CAC1D,2BACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,kBACN,YAAY,IAEzB,QAAQ,CACP,CACL;QAT2D,CAS3D;KACF;CACF,CAAC,CAAC","sourcesContent":["import React, { ComponentType, MouseEvent, ReactNode } from \"react\";\n\nexport type SparkleContextLinkType = ComponentType<{\n  key?: React.Key | null;\n  href: string;\n  className?: string;\n  children: ReactNode;\n  arriaCurrent?:\n    | boolean\n    | \"time\"\n    | \"false\"\n    | \"true\"\n    | \"page\"\n    | \"step\"\n    | \"location\"\n    | \"date\";\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;\n}>;\n\nexport type SparkleContextType = {\n  components: {\n    link: SparkleContextLinkType;\n  };\n};\n\nexport const aLink: SparkleContextLinkType = ({\n  key,\n  href,\n  className,\n  arriaCurrent,\n  children,\n}) => (\n  <a key={key} href={href} className={className} aria-current={arriaCurrent}>\n    {children}\n  </a>\n);\n\nexport const divLink: SparkleContextLinkType = ({\n  key,\n  className,\n  arriaCurrent,\n  children,\n}) => (\n  <div key={key} className={className} aria-current={arriaCurrent}>\n    {children}\n  </div>\n);\n\nexport const SparkleContext = React.createContext<SparkleContextType>({\n  components: {\n    link: ({ key, href, className, arriaCurrent, children }) => (\n      <a\n        key={key}\n        href={href}\n        className={className}\n        aria-current={arriaCurrent}\n      >\n        {children}\n      </a>\n    ),\n  },\n});\n"]}

package/.rollup.cache/home/spolu/code/dust/sparkle/dist/index.d.ts

@@ -1,4 +1,6 @@
 import "./styles/global.css";
+import { SparkleContext } from "./context";
+export { SparkleContext };
 import { Button } from "./components/Button";
 export { Button };
 import { Tab } from "./components/Tab";

package/.rollup.cache/home/spolu/code/dust/sparkle/dist/index.js

@@ -1,4 +1,6 @@
 import "./styles/global.css";
+import { SparkleContext } from "./context";
+export { SparkleContext };
 import { Button } from "./components/Button";
 export { Button };
 import { Tab } from "./components/Tab";

package/.rollup.cache/home/spolu/code/dust/sparkle/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["import \"./styles/global.css\";\n\nimport { Button } from \"./components/Button\";\nexport { Button };\n\nimport { Tab } from \"./components/Tab\";\nexport { Tab };\n\nimport { Icon } from \"./components/Icon\";\nexport { Icon };\n\nimport { Logo } from \"./logo\";\nexport { Logo };\n\nimport {\n  ArrowUpOnSquare as ArrowUpOnSquareIcon,\n  Beaker as BeakerIcon,\n  BeakerPlus as BeakerPlusIcon,\n  ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusIcon,\n  ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextIcon,\n  ChatBubbleLeftRight as ChatBubbleLeftRightIcon,\n  CheckCircle as CheckCircleIcon,\n  ChevronDown as ChevronDownIcon,\n  ChevronLeft as ChevronLeftIcon,\n  ChevronRight as ChevronRightIcon,\n  ChevronUp as ChevronUpIcon,\n  Clipboard as ClipboardIcon,\n  CloudArrowDown as CloudArrowDownIcon,\n  Cog6Tooth as Cog6ToothIcon,\n  CommandLine as CommandLineIcon,\n  DocumentPlus as DocumentPlusIcon,\n  DocumentText as DocumentTextIcon,\n  ExclamationCircle as ExclamationCircleIcon,\n  FolderOpen as FolderOpenIcon,\n  HandThumbDown as HandThumbDownIcon,\n  HandThumbUp as HandThumbUpIcon,\n  InformationCircle as InformationCircleIcon,\n  Key as KeyIcon,\n  MagnifyingGlass as MagnifyingGlassIcon,\n  PaperAirplane as PaperAirplaneIcon,\n  PencilSquare as PencilSquareIcon,\n  Plus as PlusIcon,\n  QuestionMarkCircle as QuestionMarkCircleIcon,\n  Server as ServerIcon,\n  Square3Stack3D as Square3Stack3DIcon,\n  XCircle as XCircleIcon,\n  XMark as XMarkIcon,\n} from \"./icons/mini\";\n\nexport {\n  ArrowUpOnSquareIcon,\n  BeakerIcon,\n  BeakerPlusIcon,\n  ChatBubbleBottomCenterPlusIcon,\n  ChatBubbleBottomCenterTextIcon,\n  ChatBubbleLeftRightIcon,\n  CheckCircleIcon,\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  ChevronUpIcon,\n  ClipboardIcon,\n  CloudArrowDownIcon,\n  Cog6ToothIcon,\n  CommandLineIcon,\n  DocumentPlusIcon,\n  DocumentTextIcon,\n  ExclamationCircleIcon,\n  FolderOpenIcon,\n  HandThumbDownIcon,\n  HandThumbUpIcon,\n  InformationCircleIcon,\n  KeyIcon,\n  MagnifyingGlassIcon,\n  PaperAirplaneIcon,\n  PencilSquareIcon,\n  PlusIcon,\n  QuestionMarkCircleIcon,\n  ServerIcon,\n  Square3Stack3DIcon,\n  XCircleIcon,\n  XMarkIcon,\n};\n\nimport {\n  ArrowUpOnSquare as ArrowUpOnSquareStrokeIcon,\n  Beaker as BeakerStrokeIcon,\n  BeakerPlus as BeakerPlusStrokeIcon,\n  ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusStrokeIcon,\n  ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextStrokeIcon,\n  ChatBubbleLeftRight as ChatBubbleLeftRightStrokeIcon,\n  CheckCircle as CheckCircleStrokeIcon,\n  ChevronDown as ChevronDownStrokeIcon,\n  ChevronLeft as ChevronLeftStrokeIcon,\n  ChevronRight as ChevronRightStrokeIcon,\n  ChevronUp as ChevronUpStrokeIcon,\n  Clipboard as ClipboardStrokeIcon,\n  CloudArrowDown as CloudArrowDownStrokeIcon,\n  Cog6Tooth as Cog6ToothStrokeIcon,\n  CommandLine as CommandLineStrokeIcon,\n  DocumentPlus as DocumentPlusStrokeIcon,\n  DocumentText as DocumentTextStrokeIcon,\n  ExclamationCircle as ExclamationCircleStrokeIcon,\n  FolderOpen as FolderOpenStrokeIcon,\n  HandThumbDown as HandThumbDownStrokeIcon,\n  HandThumbUp as HandThumbUpStrokeIcon,\n  InformationCircle as InformationCircleStrokeIcon,\n  Key as KeyStrokeIcon,\n  MagnifyingGlass as MagnifyingGlassStrokeIcon,\n  PaperAirplane as PaperAirplaneStrokeIcon,\n  PencilSquare as PencilSquareStrokeIcon,\n  Plus as PlusStrokeIcon,\n  QuestionMarkCircle as QuestionMarkCircleStrokeIcon,\n  Server as ServerStrokeIcon,\n  Square3Stack3D as Square3Stack3DStrokeIcon,\n  XCircle as XCircleStrokeIcon,\n  XMark as XMarkStrokeIcon,\n} from \"./icons/solid_stroke\";\n\nexport {\n  ArrowUpOnSquareStrokeIcon,\n  BeakerPlusStrokeIcon,\n  BeakerStrokeIcon,\n  ChatBubbleBottomCenterPlusStrokeIcon,\n  ChatBubbleBottomCenterTextStrokeIcon,\n  ChatBubbleLeftRightStrokeIcon,\n  CheckCircleStrokeIcon,\n  ChevronDownStrokeIcon,\n  ChevronLeftStrokeIcon,\n  ChevronRightStrokeIcon,\n  ChevronUpStrokeIcon,\n  ClipboardStrokeIcon,\n  CloudArrowDownStrokeIcon,\n  Cog6ToothStrokeIcon,\n  CommandLineStrokeIcon,\n  DocumentPlusStrokeIcon,\n  DocumentTextStrokeIcon,\n  ExclamationCircleStrokeIcon,\n  FolderOpenStrokeIcon,\n  HandThumbDownStrokeIcon,\n  HandThumbUpStrokeIcon,\n  InformationCircleStrokeIcon,\n  KeyStrokeIcon,\n  MagnifyingGlassStrokeIcon,\n  PaperAirplaneStrokeIcon,\n  PencilSquareStrokeIcon,\n  PlusStrokeIcon,\n  QuestionMarkCircleStrokeIcon,\n  ServerStrokeIcon,\n  Square3Stack3DStrokeIcon,\n  XCircleStrokeIcon,\n  XMarkStrokeIcon,\n};\n\nimport {\n  ArrowUpOnSquare as ArrowUpOnSquareSolidIcon,\n  Beaker as BeakerSolidIcon,\n  BeakerPlus as BeakerPlusSolidIcon,\n  ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusSolidIcon,\n  ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextSolidIcon,\n  ChatBubbleLeftRight as ChatBubbleLeftRightSolidIcon,\n  CheckCircle as CheckCircleSolidIcon,\n  ChevronDown as ChevronDownSolidIcon,\n  ChevronLeft as ChevronLeftSolidIcon,\n  ChevronRight as ChevronRightSolidIcon,\n  ChevronUp as ChevronUpSolidIcon,\n  Clipboard as ClipboardSolidIcon,\n  CloudArrowDown as CloudArrowDownSolidIcon,\n  Cog6Tooth as Cog6ToothSolidIcon,\n  CommandLine as CommandLineSolidIcon,\n  DocumentPlus as DocumentPlusSolidIcon,\n  DocumentText as DocumentTextSolidIcon,\n  ExclamationCircle as ExclamationCircleSolidIcon,\n  FolderOpen as FolderOpenSolidIcon,\n  HandThumbDown as HandThumbDownSolidIcon,\n  HandThumbUp as HandThumbUpSolidIcon,\n  InformationCircle as InformationCircleSolidIcon,\n  Key as KeySolidIcon,\n  MagnifyingGlass as MagnifyingGlassSolidIcon,\n  PaperAirplane as PaperAirplaneSolidIcon,\n  PencilSquare as PencilSquareSolidIcon,\n  Plus as PlusSolidIcon,\n  QuestionMarkCircle as QuestionMarkCircleSolidIcon,\n  Server as ServerSolidIcon,\n  Square3Stack3D as Square3Stack3DSolidIcon,\n  XCircle as XCircleSolidIcon,\n  XMark as XMarkSolidIcon,\n} from \"./icons/solid\";\n\nexport {\n  ArrowUpOnSquareSolidIcon,\n  BeakerPlusSolidIcon,\n  BeakerSolidIcon,\n  ChatBubbleBottomCenterPlusSolidIcon,\n  ChatBubbleBottomCenterTextSolidIcon,\n  ChatBubbleLeftRightSolidIcon,\n  CheckCircleSolidIcon,\n  ChevronDownSolidIcon,\n  ChevronLeftSolidIcon,\n  ChevronRightSolidIcon,\n  ChevronUpSolidIcon,\n  ClipboardSolidIcon,\n  CloudArrowDownSolidIcon,\n  Cog6ToothSolidIcon,\n  CommandLineSolidIcon,\n  DocumentPlusSolidIcon,\n  DocumentTextSolidIcon,\n  ExclamationCircleSolidIcon,\n  FolderOpenSolidIcon,\n  HandThumbDownSolidIcon,\n  HandThumbUpSolidIcon,\n  InformationCircleSolidIcon,\n  KeySolidIcon,\n  MagnifyingGlassSolidIcon,\n  PaperAirplaneSolidIcon,\n  PencilSquareSolidIcon,\n  PlusSolidIcon,\n  QuestionMarkCircleSolidIcon,\n  ServerSolidIcon,\n  Square3Stack3DSolidIcon,\n  XCircleSolidIcon,\n  XMarkSolidIcon,\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["import \"./styles/global.css\";\n\nimport { SparkleContext } from \"./context\";\nexport { SparkleContext };\n\nimport { Button } from \"./components/Button\";\nexport { Button };\n\nimport { Tab } from \"./components/Tab\";\nexport { Tab };\n\nimport { Icon } from \"./components/Icon\";\nexport { Icon };\n\nimport { Logo } from \"./logo\";\nexport { Logo };\n\nimport {\n  ArrowUpOnSquare as ArrowUpOnSquareIcon,\n  Beaker as BeakerIcon,\n  BeakerPlus as BeakerPlusIcon,\n  ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusIcon,\n  ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextIcon,\n  ChatBubbleLeftRight as ChatBubbleLeftRightIcon,\n  CheckCircle as CheckCircleIcon,\n  ChevronDown as ChevronDownIcon,\n  ChevronLeft as ChevronLeftIcon,\n  ChevronRight as ChevronRightIcon,\n  ChevronUp as ChevronUpIcon,\n  Clipboard as ClipboardIcon,\n  CloudArrowDown as CloudArrowDownIcon,\n  Cog6Tooth as Cog6ToothIcon,\n  CommandLine as CommandLineIcon,\n  DocumentPlus as DocumentPlusIcon,\n  DocumentText as DocumentTextIcon,\n  ExclamationCircle as ExclamationCircleIcon,\n  FolderOpen as FolderOpenIcon,\n  HandThumbDown as HandThumbDownIcon,\n  HandThumbUp as HandThumbUpIcon,\n  InformationCircle as InformationCircleIcon,\n  Key as KeyIcon,\n  MagnifyingGlass as MagnifyingGlassIcon,\n  PaperAirplane as PaperAirplaneIcon,\n  PencilSquare as PencilSquareIcon,\n  Plus as PlusIcon,\n  QuestionMarkCircle as QuestionMarkCircleIcon,\n  Server as ServerIcon,\n  Square3Stack3D as Square3Stack3DIcon,\n  XCircle as XCircleIcon,\n  XMark as XMarkIcon,\n} from \"./icons/mini\";\n\nexport {\n  ArrowUpOnSquareIcon,\n  BeakerIcon,\n  BeakerPlusIcon,\n  ChatBubbleBottomCenterPlusIcon,\n  ChatBubbleBottomCenterTextIcon,\n  ChatBubbleLeftRightIcon,\n  CheckCircleIcon,\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  ChevronUpIcon,\n  ClipboardIcon,\n  CloudArrowDownIcon,\n  Cog6ToothIcon,\n  CommandLineIcon,\n  DocumentPlusIcon,\n  DocumentTextIcon,\n  ExclamationCircleIcon,\n  FolderOpenIcon,\n  HandThumbDownIcon,\n  HandThumbUpIcon,\n  InformationCircleIcon,\n  KeyIcon,\n  MagnifyingGlassIcon,\n  PaperAirplaneIcon,\n  PencilSquareIcon,\n  PlusIcon,\n  QuestionMarkCircleIcon,\n  ServerIcon,\n  Square3Stack3DIcon,\n  XCircleIcon,\n  XMarkIcon,\n};\n\nimport {\n  ArrowUpOnSquare as ArrowUpOnSquareStrokeIcon,\n  Beaker as BeakerStrokeIcon,\n  BeakerPlus as BeakerPlusStrokeIcon,\n  ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusStrokeIcon,\n  ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextStrokeIcon,\n  ChatBubbleLeftRight as ChatBubbleLeftRightStrokeIcon,\n  CheckCircle as CheckCircleStrokeIcon,\n  ChevronDown as ChevronDownStrokeIcon,\n  ChevronLeft as ChevronLeftStrokeIcon,\n  ChevronRight as ChevronRightStrokeIcon,\n  ChevronUp as ChevronUpStrokeIcon,\n  Clipboard as ClipboardStrokeIcon,\n  CloudArrowDown as CloudArrowDownStrokeIcon,\n  Cog6Tooth as Cog6ToothStrokeIcon,\n  CommandLine as CommandLineStrokeIcon,\n  DocumentPlus as DocumentPlusStrokeIcon,\n  DocumentText as DocumentTextStrokeIcon,\n  ExclamationCircle as ExclamationCircleStrokeIcon,\n  FolderOpen as FolderOpenStrokeIcon,\n  HandThumbDown as HandThumbDownStrokeIcon,\n  HandThumbUp as HandThumbUpStrokeIcon,\n  InformationCircle as InformationCircleStrokeIcon,\n  Key as KeyStrokeIcon,\n  MagnifyingGlass as MagnifyingGlassStrokeIcon,\n  PaperAirplane as PaperAirplaneStrokeIcon,\n  PencilSquare as PencilSquareStrokeIcon,\n  Plus as PlusStrokeIcon,\n  QuestionMarkCircle as QuestionMarkCircleStrokeIcon,\n  Server as ServerStrokeIcon,\n  Square3Stack3D as Square3Stack3DStrokeIcon,\n  XCircle as XCircleStrokeIcon,\n  XMark as XMarkStrokeIcon,\n} from \"./icons/solid_stroke\";\n\nexport {\n  ArrowUpOnSquareStrokeIcon,\n  BeakerPlusStrokeIcon,\n  BeakerStrokeIcon,\n  ChatBubbleBottomCenterPlusStrokeIcon,\n  ChatBubbleBottomCenterTextStrokeIcon,\n  ChatBubbleLeftRightStrokeIcon,\n  CheckCircleStrokeIcon,\n  ChevronDownStrokeIcon,\n  ChevronLeftStrokeIcon,\n  ChevronRightStrokeIcon,\n  ChevronUpStrokeIcon,\n  ClipboardStrokeIcon,\n  CloudArrowDownStrokeIcon,\n  Cog6ToothStrokeIcon,\n  CommandLineStrokeIcon,\n  DocumentPlusStrokeIcon,\n  DocumentTextStrokeIcon,\n  ExclamationCircleStrokeIcon,\n  FolderOpenStrokeIcon,\n  HandThumbDownStrokeIcon,\n  HandThumbUpStrokeIcon,\n  InformationCircleStrokeIcon,\n  KeyStrokeIcon,\n  MagnifyingGlassStrokeIcon,\n  PaperAirplaneStrokeIcon,\n  PencilSquareStrokeIcon,\n  PlusStrokeIcon,\n  QuestionMarkCircleStrokeIcon,\n  ServerStrokeIcon,\n  Square3Stack3DStrokeIcon,\n  XCircleStrokeIcon,\n  XMarkStrokeIcon,\n};\n\nimport {\n  ArrowUpOnSquare as ArrowUpOnSquareSolidIcon,\n  Beaker as BeakerSolidIcon,\n  BeakerPlus as BeakerPlusSolidIcon,\n  ChatBubbleBottomCenterPlus as ChatBubbleBottomCenterPlusSolidIcon,\n  ChatBubbleBottomCenterText as ChatBubbleBottomCenterTextSolidIcon,\n  ChatBubbleLeftRight as ChatBubbleLeftRightSolidIcon,\n  CheckCircle as CheckCircleSolidIcon,\n  ChevronDown as ChevronDownSolidIcon,\n  ChevronLeft as ChevronLeftSolidIcon,\n  ChevronRight as ChevronRightSolidIcon,\n  ChevronUp as ChevronUpSolidIcon,\n  Clipboard as ClipboardSolidIcon,\n  CloudArrowDown as CloudArrowDownSolidIcon,\n  Cog6Tooth as Cog6ToothSolidIcon,\n  CommandLine as CommandLineSolidIcon,\n  DocumentPlus as DocumentPlusSolidIcon,\n  DocumentText as DocumentTextSolidIcon,\n  ExclamationCircle as ExclamationCircleSolidIcon,\n  FolderOpen as FolderOpenSolidIcon,\n  HandThumbDown as HandThumbDownSolidIcon,\n  HandThumbUp as HandThumbUpSolidIcon,\n  InformationCircle as InformationCircleSolidIcon,\n  Key as KeySolidIcon,\n  MagnifyingGlass as MagnifyingGlassSolidIcon,\n  PaperAirplane as PaperAirplaneSolidIcon,\n  PencilSquare as PencilSquareSolidIcon,\n  Plus as PlusSolidIcon,\n  QuestionMarkCircle as QuestionMarkCircleSolidIcon,\n  Server as ServerSolidIcon,\n  Square3Stack3D as Square3Stack3DSolidIcon,\n  XCircle as XCircleSolidIcon,\n  XMark as XMarkSolidIcon,\n} from \"./icons/solid\";\n\nexport {\n  ArrowUpOnSquareSolidIcon,\n  BeakerPlusSolidIcon,\n  BeakerSolidIcon,\n  ChatBubbleBottomCenterPlusSolidIcon,\n  ChatBubbleBottomCenterTextSolidIcon,\n  ChatBubbleLeftRightSolidIcon,\n  CheckCircleSolidIcon,\n  ChevronDownSolidIcon,\n  ChevronLeftSolidIcon,\n  ChevronRightSolidIcon,\n  ChevronUpSolidIcon,\n  ClipboardSolidIcon,\n  CloudArrowDownSolidIcon,\n  Cog6ToothSolidIcon,\n  CommandLineSolidIcon,\n  DocumentPlusSolidIcon,\n  DocumentTextSolidIcon,\n  ExclamationCircleSolidIcon,\n  FolderOpenSolidIcon,\n  HandThumbDownSolidIcon,\n  HandThumbUpSolidIcon,\n  InformationCircleSolidIcon,\n  KeySolidIcon,\n  MagnifyingGlassSolidIcon,\n  PaperAirplaneSolidIcon,\n  PencilSquareSolidIcon,\n  PlusSolidIcon,\n  QuestionMarkCircleSolidIcon,\n  ServerSolidIcon,\n  Square3Stack3DSolidIcon,\n  XCircleSolidIcon,\n  XMarkSolidIcon,\n};\n"]}

package/dist/cjs/context.d.ts

@@ -1,12 +1,17 @@
 import React, { ComponentType, MouseEvent, ReactNode } from "react";
+export type SparkleContextLinkType = ComponentType<{
+    key?: React.Key | null;
+    href: string;
+    className?: string;
+    children: ReactNode;
+    arriaCurrent?: boolean | "time" | "false" | "true" | "page" | "step" | "location" | "date";
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+}>;
 export type SparkleContextType = {
     components: {
-        link: ComponentType<{
-            href?: string;
-            className?: string;
-            children: ReactNode;
-            onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
-        }>;
+        link: SparkleContextLinkType;
     };
 };
+export declare const aLink: SparkleContextLinkType;
+export declare const divLink: SparkleContextLinkType;
 export declare const SparkleContext: React.Context<SparkleContextType>;

package/dist/cjs/index.d.ts

@@ -1,4 +1,6 @@
 import "./styles/global.css";
+import { SparkleContext } from "./context";
+export { SparkleContext };
 import { Button } from "./components/Button";
 export { Button };
 import { Tab } from "./components/Tab";

package/dist/cjs/index.js

@@ -51,6 +51,19 @@ function styleInject(css, ref) {
 var css_248z = "/*\n! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n  box-sizing: border-box; /* 1 */\n  border-width: 0; /* 2 */\n  border-style: solid; /* 2 */\n  border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n  --tw-content: '';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user's configured `sans` font-family by default.\n5. Use the user's configured `sans` font-feature-settings by default.\n6. Use the user's configured `sans` font-variation-settings by default.\n*/\n\nhtml {\n  line-height: 1.5; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  -moz-tab-size: 4; /* 3 */\n  -o-tab-size: 4;\n     tab-size: 4; /* 3 */\n  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"; /* 4 */\n  font-feature-settings: normal; /* 5 */\n  font-variation-settings: normal; /* 6 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n  margin: 0; /* 1 */\n  line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n  height: 0; /* 1 */\n  color: inherit; /* 2 */\n  border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n  color: inherit;\n  text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/*\n1. Use the user's configured `mono` font family by default.\n2. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n  font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n  text-indent: 0; /* 1 */\n  border-color: inherit; /* 2 */\n  border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  font-weight: inherit; /* 1 */\n  line-height: inherit; /* 1 */\n  color: inherit; /* 1 */\n  margin: 0; /* 2 */\n  padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n  -webkit-appearance: button; /* 1 */\n  background-color: transparent; /* 2 */\n  background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n  outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n  vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n  display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n  margin: 0;\n}\n\nfieldset {\n  margin: 0;\n  padding: 0;\n}\n\nlegend {\n  padding: 0;\n}\n\nol,\nul,\nmenu {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n  resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user's configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n  opacity: 1; /* 1 */\n  color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don't get the pointer cursor.\n*/\n:disabled {\n  cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n   This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n  display: block; /* 1 */\n  vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden] {\n  display: none;\n}\n\n[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  background-color: #fff;\n  border-color: #6b7280;\n  border-width: 1px;\n  border-radius: 0px;\n  padding-top: 0.5rem;\n  padding-right: 0.75rem;\n  padding-bottom: 0.5rem;\n  padding-left: 0.75rem;\n  font-size: 1rem;\n  line-height: 1.5rem;\n  --tw-shadow: 0 0 #0000;\n}\n\n[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: #2563eb;\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n  border-color: #2563eb;\n}\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n  color: #6b7280;\n  opacity: 1;\n}\n\ninput::placeholder,textarea::placeholder {\n  color: #6b7280;\n  opacity: 1;\n}\n\n::-webkit-datetime-edit-fields-wrapper {\n  padding: 0;\n}\n\n::-webkit-date-and-time-value {\n  min-height: 1.5em;\n}\n\n::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\nselect {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");\n  background-position: right 0.5rem center;\n  background-repeat: no-repeat;\n  background-size: 1.5em 1.5em;\n  padding-right: 2.5rem;\n  -webkit-print-color-adjust: exact;\n          print-color-adjust: exact;\n}\n\n[multiple] {\n  background-image: initial;\n  background-position: initial;\n  background-repeat: unset;\n  background-size: initial;\n  padding-right: 0.75rem;\n  -webkit-print-color-adjust: unset;\n          print-color-adjust: unset;\n}\n\n[type='checkbox'],[type='radio'] {\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  padding: 0;\n  -webkit-print-color-adjust: exact;\n          print-color-adjust: exact;\n  display: inline-block;\n  vertical-align: middle;\n  background-origin: border-box;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  flex-shrink: 0;\n  height: 1rem;\n  width: 1rem;\n  color: #2563eb;\n  background-color: #fff;\n  border-color: #6b7280;\n  border-width: 1px;\n  --tw-shadow: 0 0 #0000;\n}\n\n[type='checkbox'] {\n  border-radius: 0px;\n}\n\n[type='radio'] {\n  border-radius: 100%;\n}\n\n[type='checkbox']:focus,[type='radio']:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);\n  --tw-ring-offset-width: 2px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: #2563eb;\n  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n\n[type='checkbox']:checked,[type='radio']:checked {\n  border-color: transparent;\n  background-color: currentColor;\n  background-size: 100% 100%;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n\n[type='checkbox']:checked {\n  background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e\");\n}\n\n[type='radio']:checked {\n  background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e\");\n}\n\n[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {\n  border-color: transparent;\n  background-color: currentColor;\n}\n\n[type='checkbox']:indeterminate {\n  background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e\");\n  border-color: transparent;\n  background-color: currentColor;\n  background-size: 100% 100%;\n  background-position: center;\n  background-repeat: no-repeat;\n}\n\n[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {\n  border-color: transparent;\n  background-color: currentColor;\n}\n\n[type='file'] {\n  background: unset;\n  border-color: inherit;\n  border-width: 0;\n  border-radius: 0;\n  padding: 0;\n  font-size: unset;\n  line-height: inherit;\n}\n\n[type='file']:focus {\n  outline: 1px solid ButtonText;\n  outline: 1px auto -webkit-focus-ring-color;\n}\n\n*, ::before, ::after {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n\n::backdrop {\n  --tw-border-spacing-x: 0;\n  --tw-border-spacing-y: 0;\n  --tw-translate-x: 0;\n  --tw-translate-y: 0;\n  --tw-rotate: 0;\n  --tw-skew-x: 0;\n  --tw-skew-y: 0;\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  --tw-pan-x:  ;\n  --tw-pan-y:  ;\n  --tw-pinch-zoom:  ;\n  --tw-scroll-snap-strictness: proximity;\n  --tw-gradient-from-position:  ;\n  --tw-gradient-via-position:  ;\n  --tw-gradient-to-position:  ;\n  --tw-ordinal:  ;\n  --tw-slashed-zero:  ;\n  --tw-numeric-figure:  ;\n  --tw-numeric-spacing:  ;\n  --tw-numeric-fraction:  ;\n  --tw-ring-inset:  ;\n  --tw-ring-offset-width: 0px;\n  --tw-ring-offset-color: #fff;\n  --tw-ring-color: rgb(59 130 246 / 0.5);\n  --tw-ring-offset-shadow: 0 0 #0000;\n  --tw-ring-shadow: 0 0 #0000;\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  --tw-blur:  ;\n  --tw-brightness:  ;\n  --tw-contrast:  ;\n  --tw-grayscale:  ;\n  --tw-hue-rotate:  ;\n  --tw-invert:  ;\n  --tw-saturate:  ;\n  --tw-sepia:  ;\n  --tw-drop-shadow:  ;\n  --tw-backdrop-blur:  ;\n  --tw-backdrop-brightness:  ;\n  --tw-backdrop-contrast:  ;\n  --tw-backdrop-grayscale:  ;\n  --tw-backdrop-hue-rotate:  ;\n  --tw-backdrop-invert:  ;\n  --tw-backdrop-opacity:  ;\n  --tw-backdrop-saturate:  ;\n  --tw-backdrop-sepia:  ;\n}\n.-mb-px {\n  margin-bottom: -1px;\n}\n.box-border {\n  box-sizing: border-box;\n}\n.flex {\n  display: flex;\n}\n.inline-flex {\n  display: inline-flex;\n}\n.h-4 {\n  height: 1rem;\n}\n.h-5 {\n  height: 1.25rem;\n}\n.w-4 {\n  width: 1rem;\n}\n.w-5 {\n  width: 1.25rem;\n}\n.flex-1 {\n  flex: 1 1 0%;\n}\n.scale-100 {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.scale-95 {\n  --tw-scale-x: .95;\n  --tw-scale-y: .95;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.transform {\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.cursor-default {\n  cursor: default;\n}\n.cursor-not-allowed {\n  cursor: not-allowed;\n}\n.cursor-pointer {\n  cursor: pointer;\n}\n.select-none {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.items-center {\n  align-items: center;\n}\n.justify-center {\n  justify-content: center;\n}\n.gap-x-1 {\n  -moz-column-gap: 0.25rem;\n       column-gap: 0.25rem;\n}\n.gap-x-1\\.5 {\n  -moz-column-gap: 0.375rem;\n       column-gap: 0.375rem;\n}\n.gap-x-2 {\n  -moz-column-gap: 0.5rem;\n       column-gap: 0.5rem;\n}\n.space-x-0 > :not([hidden]) ~ :not([hidden]) {\n  --tw-space-x-reverse: 0;\n  margin-right: calc(0px * var(--tw-space-x-reverse));\n  margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));\n}\n.whitespace-nowrap {\n  white-space: nowrap;\n}\n.rounded-full {\n  border-radius: 9999px;\n}\n.border {\n  border-width: 1px;\n}\n.border-b {\n  border-bottom-width: 1px;\n}\n.border-b-2 {\n  border-bottom-width: 2px;\n}\n.border-action-500 {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n.border-action-600 {\n  --tw-border-opacity: 1;\n  border-color: rgb(37 99 235 / var(--tw-border-opacity));\n}\n.border-structure-200 {\n  --tw-border-opacity: 1;\n  border-color: rgb(226 232 240 / var(--tw-border-opacity));\n}\n.border-structure-300 {\n  --tw-border-opacity: 1;\n  border-color: rgb(203 213 225 / var(--tw-border-opacity));\n}\n.border-transparent {\n  border-color: transparent;\n}\n.bg-action-500 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n.bg-gray-200 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(229 231 235 / var(--tw-bg-opacity));\n}\n.bg-structure-0 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity));\n}\n.px-0 {\n  padding-left: 0px;\n  padding-right: 0px;\n}\n.px-0\\.5 {\n  padding-left: 0.125rem;\n  padding-right: 0.125rem;\n}\n.px-1 {\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n}\n.px-3 {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n}\n.px-4 {\n  padding-left: 1rem;\n  padding-right: 1rem;\n}\n.px-5 {\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n.py-1 {\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n}\n.py-1\\.5 {\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n.py-2 {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.py-3 {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n.text-sm {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n.text-xs {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.font-bold {\n  font-weight: 700;\n}\n.font-semibold {\n  font-weight: 600;\n}\n.text-action-500 {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity));\n}\n.text-element-600 {\n  --tw-text-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-text-opacity));\n}\n.text-element-700 {\n  --tw-text-opacity: 1;\n  color: rgb(100 116 139 / var(--tw-text-opacity));\n}\n.text-element-800 {\n  --tw-text-opacity: 1;\n  color: rgb(51 65 85 / var(--tw-text-opacity));\n}\n.text-white {\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n.opacity-50 {\n  opacity: 0.5;\n}\n.filter {\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.transition-all {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-colors {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.transition-transform {\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n.ease-out {\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\n.hover\\:scale-100:hover {\n  --tw-scale-x: 1;\n  --tw-scale-y: 1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.hover\\:border-action-300:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(147 197 253 / var(--tw-border-opacity));\n}\n.hover\\:border-action-500:hover {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n.hover\\:bg-action-400:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(96 165 250 / var(--tw-bg-opacity));\n}\n.hover\\:bg-action-50:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(239 246 255 / var(--tw-bg-opacity));\n}\n.hover\\:text-action-500:hover {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity));\n}\n.hover\\:text-element-800:hover {\n  --tw-text-opacity: 1;\n  color: rgb(51 65 85 / var(--tw-text-opacity));\n}\n.hover\\:drop-shadow-md:hover {\n  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.active\\:scale-95:active {\n  --tw-scale-x: .95;\n  --tw-scale-y: .95;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.active\\:border-action-500:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n.active\\:border-action-700:active {\n  --tw-border-opacity: 1;\n  border-color: rgb(29 78 216 / var(--tw-border-opacity));\n}\n.active\\:bg-action-100:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(219 234 254 / var(--tw-bg-opacity));\n}\n.active\\:bg-action-600:active {\n  --tw-bg-opacity: 1;\n  background-color: rgb(37 99 235 / var(--tw-bg-opacity));\n}\n.active\\:drop-shadow-none:active {\n  --tw-drop-shadow: drop-shadow(0 0 #0000);\n  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n.group:hover .group-hover\\:scale-110 {\n  --tw-scale-x: 1.1;\n  --tw-scale-y: 1.1;\n  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n.group:hover .group-hover\\:text-action-400 {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity));\n}\n:is(.dark .dark\\:border-action-500-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n:is(.dark .dark\\:border-action-600-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(96 165 250 / var(--tw-border-opacity));\n}\n:is(.dark .dark\\:border-structure-200-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(51 65 85 / var(--tw-border-opacity));\n}\n:is(.dark .dark\\:border-structure-300-dark) {\n  --tw-border-opacity: 1;\n  border-color: rgb(71 85 105 / var(--tw-border-opacity));\n}\n:is(.dark .dark\\:bg-action-500-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n:is(.dark .dark\\:bg-structure-50-dark) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(15 23 42 / var(--tw-bg-opacity));\n}\n:is(.dark .dark\\:text-action-500-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity));\n}\n:is(.dark .dark\\:text-element-600-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(148 163 184 / var(--tw-text-opacity));\n}\n:is(.dark .dark\\:text-element-700-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(203 213 225 / var(--tw-text-opacity));\n}\n:is(.dark .dark\\:hover\\:border-action-300-dark:hover) {\n  --tw-border-opacity: 1;\n  border-color: rgb(29 78 216 / var(--tw-border-opacity));\n}\n:is(.dark .dark\\:hover\\:border-action-500-dark:hover) {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n:is(.dark .dark\\:hover\\:bg-action-50-dark:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(23 37 84 / var(--tw-bg-opacity));\n}\n:is(.dark .dark\\:hover\\:bg-action-500-dark:hover) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(59 130 246 / var(--tw-bg-opacity));\n}\n:is(.dark .dark\\:hover\\:text-action-600-dark:hover) {\n  --tw-text-opacity: 1;\n  color: rgb(96 165 250 / var(--tw-text-opacity));\n}\n:is(.dark .dark\\:active\\:border-action-500-dark:active) {\n  --tw-border-opacity: 1;\n  border-color: rgb(59 130 246 / var(--tw-border-opacity));\n}\n:is(.dark .dark\\:active\\:border-action-700-dark:active) {\n  --tw-border-opacity: 1;\n  border-color: rgb(147 197 253 / var(--tw-border-opacity));\n}\n:is(.dark .dark\\:active\\:bg-action-100-dark:active) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(30 58 138 / var(--tw-bg-opacity));\n}\n:is(.dark .dark\\:active\\:bg-action-600-dark:active) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(96 165 250 / var(--tw-bg-opacity));\n}\n:is(.dark .group:hover .dark\\:group-hover\\:text-action-500-dark) {\n  --tw-text-opacity: 1;\n  color: rgb(59 130 246 / var(--tw-text-opacity));\n}";
 styleInject(css_248z);
 
+var divLink = function (_a) {
+    var key = _a.key, className = _a.className, arriaCurrent = _a.arriaCurrent, children = _a.children;
+    return (React.createElement("div", { key: key, className: className, "aria-current": arriaCurrent }, children));
+};
+var SparkleContext = React.createContext({
+    components: {
+        link: function (_a) {
+            var key = _a.key, href = _a.href, className = _a.className, arriaCurrent = _a.arriaCurrent, children = _a.children;
+            return (React.createElement("a", { key: key, href: href, className: className, "aria-current": arriaCurrent }, children));
+        },
+    },
+});
+
 function classNames() {
     var classes = [];
     for (var _i = 0; _i < arguments.length; _i++) {
@@ -122,15 +135,6 @@ function Button(_a) {
         React.createElement("div", { className: finalContainerClasses }, label)));
 }
 
-var SparkleContext = React.createContext({
-    components: {
-        link: function (_a) {
-            var href = _a.href, className = _a.className, children = _a.children;
-            return (React.createElement("a", { href: href, className: className }, children));
-        },
-    },
-});
-
 var tabClasses = {
     default: {
         base: "text-element-800 border-transparent cursor-pointer",
@@ -174,10 +178,12 @@ var tabSizingClasses = {
 function Tab(_a) {
     var tabs = _a.tabs, onTabClick = _a.onTabClick, _b = _a.className, className = _b === void 0 ? "" : _b;
     var components = React.useContext(SparkleContext).components;
-    var Link = components.link;
     var renderTabs = function () {
         return tabs.map(function (tab) {
             var _a, _b;
+            // If we don't have an set the href to "" and use a div.
+            var href = tab.href || "";
+            var Link = tab.href ? components.link : divLink;
             var tabStateClasses = tab.current
                 ? tabClasses.selected
                 : tabClasses.default;
@@ -186,7 +192,7 @@ function Tab(_a) {
                 : iconClasses.default;
             var finalTabClasses = classNames("group justify-center flex text-sm font-semibold px-4 py-3 border-b-2 transition-colors duration-400 whitespace-nowrap select-none", tabStateClasses.base, tabStateClasses.hover, tabStateClasses.dark.base, tabStateClasses.dark.hover, tabSizingClasses[(_a = tab.sizing) !== null && _a !== void 0 ? _a : "hug"], className);
             var finalIconClasses = classNames("h-5 w-5 transition-colors duration-400", iconStateClasses.base, iconStateClasses.hover, iconStateClasses.dark.base, iconStateClasses.dark.hover, className);
-            return (React.createElement(Link, { key: tab.label, className: finalTabClasses, "aria-current": tab.current ? "page" : undefined, onClick: function (event) { return onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(tab.label, event); }, href: tab.href },
+            return (React.createElement(Link, { key: tab.label, className: finalTabClasses, "aria-current": tab.current ? "page" : undefined, onClick: function (event) { return onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(tab.label, event); }, href: href },
                 React.createElement("div", { className: tab.current
                         ? "flex gap-x-2"
                         : "duration-400 flex scale-100 transform gap-x-2 transition-transform ease-out group-hover:scale-110" },
@@ -630,6 +636,7 @@ exports.QuestionMarkCircleStrokeIcon = SvgQuestionMarkCircle$1;
 exports.ServerIcon = SvgServer$2;
 exports.ServerSolidIcon = SvgServer;
 exports.ServerStrokeIcon = SvgServer$1;
+exports.SparkleContext = SparkleContext;
 exports.Square3Stack3DIcon = SvgSquare3Stack3D$2;
 exports.Square3Stack3DSolidIcon = SvgSquare3Stack3D;
 exports.Square3Stack3DStrokeIcon = SvgSquare3Stack3D$1;