@temp-spotwork/ui 1.4.3

package/dist/components/atoms/navigation/navigation-item/styles.js

@@ -0,0 +1,5 @@
+const e = "flex justify-between bg-surface-default hover:bg-surface-active h-[4.5rem] rounded px-md gap-lg", n = "flex items-center gap-[1.3rem] pointer-events-none";
+export {
+  e as container,
+  n as iconContainer
+};

package/dist/components/atoms/small-large-text/index.d.ts

@@ -0,0 +1 @@
+export * from './small-large-text';

package/dist/components/atoms/small-large-text/index.js

@@ -0,0 +1,4 @@
+import { SmallLargeText as a } from "./small-large-text.js";
+export {
+  a as SmallLargeText
+};

package/dist/components/atoms/small-large-text/small-large-text.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Props for the SmallLargeText component
+ */
+export type SmallLargeTextProps = {
+    /** The text content to display */
+    text: string;
+    /** Maximum number of characters to show when truncated (default: 300) */
+    size?: number;
+    /** Whether the text should initially be truncated (default: true) */
+    isSmall?: boolean;
+};
+/**
+ * A component that displays text with expandable/collapsible functionality.
+ * Shows truncated text with "Show More" link when text exceeds the specified size,
+ * and allows users to expand to see the full text or collapse back to truncated view.
+ */
+export declare function SmallLargeText({ text, size, isSmall }: SmallLargeTextProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/small-large-text/small-large-text.js

@@ -0,0 +1,35 @@
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import "../../styles/tailwind-config/index.js";
+import { Typography as l } from "../../styles/typography/typography.js";
+import "../../styles/colors/colors.js";
+import "../../styles/colors/colormap.js";
+import "../icons/iconsSVGs/Large/Profile.js";
+import "../icons/iconsSVGs/Small/Profile.js";
+import "../../../index-fN7hCOo3.js";
+import { Link as s } from "../../molecules/link/link.js";
+import { useState as c } from "react";
+import "../form/dateselect/dateselect.js";
+import "../form/time-picker/time-picker.js";
+import "../form/dropdown/dropdown.js";
+import "../../molecules/filter/dropdown-selector/styles.js";
+import "../form/dropdown-search/dropdown-search.js";
+import "../../../index-CYyrKZeH.js";
+import "../form/textfield/textfield.js";
+import "../form/stepper/stepper.js";
+import "../form/textarea/textarea.js";
+import "../form/timeselect/timeselect.js";
+import "../../molecules/datatables/cell/cell.js";
+import "../../molecules/dataviz/donut-chart/donut-chart.js";
+import "../../../react-spring_web.modern-BLL8Qmtg.js";
+import "../../molecules/form/radiogroup/radiogroup.js";
+import "../../../card-Cc2Qkiqr.js";
+function F({ text: r, size: o = 300, isSmall: m = !0 }) {
+  const [t, p] = c(m);
+  return /* @__PURE__ */ n("div", { children: [
+    /* @__PURE__ */ i(l, { swStyle: 3, color: "default", children: t ? `${r.slice(0, o)}${r.length > o ? "..." : ""}` : r }),
+    r.length > o && /* @__PURE__ */ i(s, { text: t ? "Show More" : "Show Less", onClick: () => p((e) => !e) })
+  ] });
+}
+export {
+  F as SmallLargeText
+};

package/dist/components/atoms/tab/Tab.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tab } from '.';
+
+declare const meta: Meta<typeof Tab>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/components/atoms/tab/Tab.stories.js

@@ -0,0 +1,20 @@
+import { f as o } from "../../../index-DfdAzObv.js";
+import { Tab as r } from "./tab.js";
+const e = {
+  title: "@spotwork-ui/Tab",
+  component: r,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    backgroundColor: { control: "color" }
+  },
+  args: { onClick: o() }
+}, s = {
+  args: {}
+};
+export {
+  s as Primary,
+  e as default
+};

package/dist/components/atoms/tab/index.d.ts

@@ -0,0 +1,2 @@
+export { Tab } from './tab';
+export type { TabProps } from './tab';

package/dist/components/atoms/tab/index.js

@@ -0,0 +1,4 @@
+import { Tab as a } from "./tab.js";
+export {
+  a as Tab
+};

package/dist/components/atoms/tab/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const smallDefaultContainer = "bg-subdued px-md py-sm border-r border-bcolor-subdued ";
+export declare const smallActiveContainer = "px-md py-sm border-r border-bcolor-subdued bg-surface-default relative z-10";
+export declare const largeDefaultContainer = "px-md py-xl border border-bcolor-subdued rounded-2xl w-full";
+export declare const largeActiveContainer = "bg-surface-active px-md py-xl border-[0.15rem] border-bcolor-active rounded-2xl w-full";

package/dist/components/atoms/tab/styles.js

@@ -0,0 +1,7 @@
+const r = "bg-subdued px-md py-sm border-r border-bcolor-subdued ", e = "px-md py-sm border-r border-bcolor-subdued bg-surface-default relative z-10", o = "px-md py-xl border border-bcolor-subdued rounded-2xl w-full", d = "bg-surface-active px-md py-xl border-[0.15rem] border-bcolor-active rounded-2xl w-full";
+export {
+  d as largeActiveContainer,
+  o as largeDefaultContainer,
+  e as smallActiveContainer,
+  r as smallDefaultContainer
+};

package/dist/components/atoms/tab/tab.d.ts

@@ -0,0 +1,34 @@
+import { SvgKey } from '../icons';
+import { ProgressBarProps } from '../../molecules/dataviz/progress-bar';
+
+export type TabProps = {
+    /**
+     * Variable of type string that allows the developer to set the title inside the tab.
+     */
+    title: string;
+    /**
+     * Allows the developer to set the tab to small or large variant
+     */
+    variant?: 'small' | 'large';
+    /**
+     * Allows the developer to set the style variant of the tab.
+     */
+    type?: 'active' | 'default';
+    /**
+     * A Datavis component to show on the bottom part of component for large variant. It is used to show the scale based on percantage of filled\total. Takes object of dataviz properties
+     */
+    datavizProps?: ProgressBarProps;
+    /**
+     * Function to be executed when the tab is clicked.
+     */
+    onClick?: () => void;
+    /**
+     * Icon to be displayed on the left side of the tab title
+     */
+    tabIcon?: SvgKey;
+    /** content to be displayed on the right side of the tab title */
+    content?: React.ReactNode;
+    /** className to be applied to the tab container */
+    className?: string;
+};
+export declare function Tab({ title, variant, type, datavizProps, onClick, tabIcon, content, className, }: TabProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/tab/tab.js

@@ -0,0 +1,44 @@
+import { jsxs as t, jsx as l } from "react/jsx-runtime";
+import { largeDefaultContainer as c, largeActiveContainer as f, smallDefaultContainer as n, smallActiveContainer as u } from "./styles.js";
+import { Icons as g } from "../icons/icons.js";
+import "../icons/iconsSVGs/Large/Profile.js";
+import "../icons/iconsSVGs/Small/Profile.js";
+import { Typography as p } from "../../styles/typography/typography.js";
+import { ProgressBar as x } from "../../molecules/dataviz/progress-bar/progress-bar.js";
+import { t as h } from "../../../bundle-mjs-CAy1p0fn.js";
+function D({
+  title: o,
+  variant: r = "small",
+  type: e = "default",
+  datavizProps: i,
+  onClick: s,
+  tabIcon: a,
+  content: d,
+  className: m
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: h(
+        "flex flex-col",
+        m,
+        r === "large" ? e === "default" ? c : f : e === "default" ? n : u,
+        "cursor-pointer"
+      ),
+      onClick: s,
+      children: [
+        /* @__PURE__ */ t("div", { className: "flex items-start gap-xs", "data-testid": "primaryLine", children: [
+          a && /* @__PURE__ */ l(g, { icon: a, id: a, color: e === "default" ? "default" : "active", disabled: !0 }),
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ l(p, { swStyle: r === "large" ? 3 : 7, color: e === "default" ? "default" : "active", children: o }),
+            d
+          ] })
+        ] }),
+        r === "large" && i && /* @__PURE__ */ l("div", { className: "ml-[3rem] mt-xs", "data-testid": "secondaryLine", children: /* @__PURE__ */ l(x, { ...i, labelColor: e === "active" ? "active" : "subdued", swStyle: r === "large" ? 8 : 1 }) })
+      ]
+    }
+  );
+}
+export {
+  D as Tab
+};

package/dist/components/atoms/tooltip/index.d.ts

@@ -0,0 +1 @@
+export { Tooltip, type TooltipProps } from './tooltip';

package/dist/components/atoms/tooltip/index.js

@@ -0,0 +1,4 @@
+import { Tooltip as r } from "./tooltip.js";
+export {
+  r as Tooltip
+};

package/dist/components/atoms/tooltip/tooltip.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Props for the Tooltip component
+ */
+export type TooltipProps = {
+    /**
+     * The trigger element that will show the tooltip on hover/focus
+     */
+    trigger: React.ReactNode;
+    /**
+     * Whether the trigger should be rendered as a child of the tooltip trigger
+     * When true, the trigger element will be wrapped in the tooltip trigger
+     */
+    isTriggerAsChild?: boolean;
+    /**
+     * The content to display in the tooltip
+     * Can be a string (rendered with Typography) or custom React node
+     */
+    content: string | React.ReactNode;
+    /**
+     * The preferred side of the trigger to show the tooltip
+     */
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * The alignment of the tooltip relative to the trigger
+     */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * Additional CSS classes to apply to the tooltip content
+     */
+    className?: string;
+    /**
+     * Distance in pixels from the trigger element
+     */
+    sideOffset?: number;
+    /**
+     * Distance in pixels from the trigger element on the alignment axis
+     */
+    alignOffset?: number;
+    /**
+     * Whether to automatically flip the tooltip to avoid collisions with viewport edges
+     */
+    avoidCollisions?: boolean;
+    /**
+     * Distance in pixels from the viewport edges to consider as collision boundaries
+     */
+    collisionPadding?: number;
+};
+/**
+ * Tooltip component that displays additional information on hover/focus
+ *
+ * Built on top of Radix UI's tooltip primitive for accessibility and positioning
+ * Automatically handles keyboard navigation, screen readers, and collision detection
+ */
+export declare const Tooltip: ({ trigger, isTriggerAsChild, content, side, align, className, sideOffset, alignOffset, avoidCollisions, collisionPadding, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/tooltip/tooltip.js

@@ -0,0 +1,38 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { T as d, a as f, b as h, C as y, A as x } from "../../../index-DNpMaKvH.js";
+import { t as T } from "../../../bundle-mjs-CAy1p0fn.js";
+import { tooltipArrowStyles as g, toolTipStyles as w } from "../../styles/tool-tip/styles.js";
+import { Typography as u } from "../../styles/typography/typography.js";
+const j = ({
+  trigger: e,
+  isTriggerAsChild: s = !0,
+  content: o,
+  side: l = "bottom",
+  align: a = "center",
+  className: i,
+  sideOffset: m,
+  alignOffset: p,
+  avoidCollisions: c,
+  collisionPadding: n
+}) => /* @__PURE__ */ t(d, { children: [
+  /* @__PURE__ */ r(f, { asChild: s, type: "button", children: e }),
+  /* @__PURE__ */ r(h, { children: /* @__PURE__ */ t(
+    y,
+    {
+      className: T(w, i),
+      side: l,
+      align: a,
+      sideOffset: m,
+      alignOffset: p,
+      avoidCollisions: c,
+      collisionPadding: n,
+      children: [
+        typeof o == "string" ? /* @__PURE__ */ r(u, { color: "defaultInverted", children: o, swStyle: 1, className: "px-xs max-w-[30rem]" }) : o,
+        /* @__PURE__ */ r(x, { className: g })
+      ]
+    }
+  ) })
+] });
+export {
+  j as Tooltip
+};

package/dist/components/atoms/tooltip/tooltip.stories.d.ts

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tooltip } from './tooltip';
+
+declare const meta: Meta<typeof Tooltip>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithIcon: Story;
+export declare const WithCustomContent: Story;
+export declare const TopSide: Story;
+export declare const RightSide: Story;
+export declare const LeftSide: Story;
+export declare const WithOffset: Story;
+export declare const AlignStart: Story;
+export declare const AlignEnd: Story;
+export declare const WithCollisionAvoidance: Story;
+export declare const DisabledTriggerAsChild: Story;
+export declare const WithLongContent: Story;

package/dist/components/atoms/tooltip/tooltip.stories.js

@@ -0,0 +1,150 @@
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { P as s } from "../../../index-DNpMaKvH.js";
+import { Tooltip as n } from "./tooltip.js";
+import { Button as o } from "../../molecules/button/button.js";
+import { Icons as r } from "../icons/icons.js";
+import "../icons/iconsSVGs/Large/Profile.js";
+import "../icons/iconsSVGs/Small/Profile.js";
+const p = {
+  title: "@spotwork-ui/atoms/Tooltip",
+  component: n,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  decorators: [
+    (i) => /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(i, {}) })
+  ],
+  argTypes: {
+    trigger: {
+      control: !1
+    },
+    content: {
+      control: "text"
+    },
+    side: {
+      control: "select",
+      options: ["top", "right", "bottom", "left"]
+    },
+    align: {
+      control: "select",
+      options: ["start", "center", "end"]
+    },
+    isTriggerAsChild: {
+      control: "boolean"
+    },
+    sideOffset: {
+      control: "number"
+    },
+    alignOffset: {
+      control: "number"
+    },
+    avoidCollisions: {
+      control: "boolean"
+    },
+    collisionPadding: {
+      control: "number"
+    }
+  }
+}, h = {
+  args: {
+    trigger: /* @__PURE__ */ t(o, { text: "Hover me" }),
+    isTriggerAsChild: !1,
+    content: "This is a tooltip"
+  }
+}, T = {
+  args: {
+    trigger: /* @__PURE__ */ t(r, { icon: "InfoSmall" }),
+    isTriggerAsChild: !1,
+    content: "Information tooltip",
+    side: "top"
+  }
+}, u = {
+  args: {
+    trigger: /* @__PURE__ */ t(o, { text: "Custom content", variant: "secondary" }),
+    content: /* @__PURE__ */ e("div", { className: "p-2", children: [
+      /* @__PURE__ */ t("h4", { className: "font-semibold mb-1", children: "Custom Tooltip" }),
+      /* @__PURE__ */ t("p", { className: "text-sm", children: "This tooltip has custom HTML content" })
+    ] }),
+    isTriggerAsChild: !1,
+    side: "right"
+  }
+}, C = {
+  args: {
+    trigger: /* @__PURE__ */ t(o, { text: "Top tooltip" }),
+    isTriggerAsChild: !1,
+    content: "Tooltip on top",
+    side: "top"
+  }
+}, A = {
+  args: {
+    trigger: /* @__PURE__ */ t(o, { text: "Right tooltip" }),
+    isTriggerAsChild: !1,
+    content: "Tooltip on right",
+    side: "right"
+  }
+}, x = {
+  args: {
+    trigger: /* @__PURE__ */ t(o, { text: "Left tooltip" }),
+    isTriggerAsChild: !1,
+    content: "Tooltip on left",
+    side: "left"
+  }
+}, b = {
+  args: {
+    trigger: /* @__PURE__ */ t(o, { text: "Offset tooltip" }),
+    isTriggerAsChild: !1,
+    content: "Tooltip with offset",
+    sideOffset: 10,
+    alignOffset: 5
+  }
+}, v = {
+  args: {
+    trigger: /* @__PURE__ */ t(o, { text: "Align start" }),
+    isTriggerAsChild: !1,
+    content: "Aligned to start",
+    align: "start"
+  }
+}, L = {
+  args: {
+    trigger: /* @__PURE__ */ t(o, { text: "Align end" }),
+    isTriggerAsChild: !1,
+    content: "Aligned to end",
+    align: "end"
+  }
+}, O = {
+  args: {
+    trigger: /* @__PURE__ */ t(o, { text: "Collision avoidance" }),
+    isTriggerAsChild: !1,
+    content: "This tooltip avoids collisions",
+    avoidCollisions: !0,
+    collisionPadding: 20
+  }
+}, S = {
+  args: {
+    trigger: /* @__PURE__ */ t(o, { text: "Disabled asChild" }),
+    isTriggerAsChild: !1,
+    content: "Trigger not as child"
+  }
+}, W = {
+  args: {
+    trigger: /* @__PURE__ */ t(o, { text: "Long content" }),
+    isTriggerAsChild: !1,
+    content: "This is a tooltip with long content, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
+  }
+};
+export {
+  L as AlignEnd,
+  v as AlignStart,
+  h as Default,
+  S as DisabledTriggerAsChild,
+  x as LeftSide,
+  A as RightSide,
+  C as TopSide,
+  O as WithCollisionAvoidance,
+  u as WithCustomContent,
+  T as WithIcon,
+  W as WithLongContent,
+  b as WithOffset,
+  p as default
+};

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

@@ -0,0 +1,24 @@
+import { default as React, ReactNode } from 'react';
+import { ButtonProps } from '../../../main';
+
+/**
+ * Alert component props interface
+ * Renders a modal dialog with customizable content and action buttons
+ */
+export type AlertProps = {
+    title: string;
+    open: boolean;
+    subTitle?: ReactNode;
+    setClose: () => void;
+    children: React.ReactNode;
+    width?: string;
+    hasPadding?: boolean;
+    hasActionButtons?: boolean;
+    hasBottomBorder?: boolean;
+    actionButtons?: ButtonProps[];
+};
+/**
+ * Alert component - A modal dialog with customizable content and actions
+ * Built on top of Radix UI Dialog primitives for accessibility and functionality
+ */
+export declare function Alert({ children, width, open, title, subTitle, setClose, actionButtons, hasPadding, hasActionButtons, hasBottomBorder, }: AlertProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/alert/alert.js

@@ -0,0 +1,78 @@
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import { R as x, P as I, O as T, C as h, T as _, D as u } from "../../../index-C0ZrzaoZ.js";
+import "../../styles/tailwind-config/index.js";
+import { Typography as G } from "../../styles/typography/typography.js";
+import "../../styles/colors/colors.js";
+import "../../styles/colors/colormap.js";
+import { t as s } from "../../../bundle-mjs-CAy1p0fn.js";
+import { Icons as H } from "../../atoms/icons/icons.js";
+import "../../atoms/icons/iconsSVGs/Large/Profile.js";
+import "../../atoms/icons/iconsSVGs/Small/Profile.js";
+import "../../../index-fN7hCOo3.js";
+import "react";
+import "../../atoms/form/dateselect/dateselect.js";
+import "../../atoms/form/time-picker/time-picker.js";
+import "../../atoms/form/dropdown/dropdown.js";
+import "../filter/dropdown-selector/styles.js";
+import "../../atoms/form/dropdown-search/dropdown-search.js";
+import "../../../index-CYyrKZeH.js";
+import "../../atoms/form/textfield/textfield.js";
+import "../../atoms/form/stepper/stepper.js";
+import "../../atoms/form/textarea/textarea.js";
+import "../../atoms/form/timeselect/timeselect.js";
+import { Button as b } from "../button/button.js";
+import "../datatables/cell/cell.js";
+import "../dataviz/donut-chart/donut-chart.js";
+import "../../../react-spring_web.modern-BLL8Qmtg.js";
+import "../form/radiogroup/radiogroup.js";
+import "../../../card-Cc2Qkiqr.js";
+function rr({
+  children: p,
+  width: c,
+  open: d,
+  title: t,
+  subTitle: i,
+  setClose: m,
+  actionButtons: l,
+  hasPadding: n,
+  hasActionButtons: o,
+  hasBottomBorder: f
+}) {
+  return /* @__PURE__ */ r(x, { open: d, onOpenChange: m, children: /* @__PURE__ */ e(I, { children: [
+    /* @__PURE__ */ r(T, { className: "fixed inset-0 bg-surface-subduedInverted bg-opacity-50" }),
+    /* @__PURE__ */ e(
+      h,
+      {
+        className: "fixed top-1/2 left-1/2 max-w-full  transform -translate-x-1/2 -translate-y-1/2 rounded-xl bg-surface-default shadow-[0rem_0rem_1rem_0rem_#B0B0B0] focus:outline-none",
+        style: { width: c, maxHeight: "calc(100vh - 15rem)" },
+        children: [
+          /* @__PURE__ */ e(_, { className: "p-xl border-b border-bcolor-subdued", children: [
+            /* @__PURE__ */ e("div", { className: "flex items-start justify-between gap-xxl ", children: [
+              /* @__PURE__ */ r(G, { swStyle: 8, children: t }),
+              /* @__PURE__ */ r(H, { button: !0, icon: "Cross", handleClick: m })
+            ] }),
+            i && /* @__PURE__ */ r("div", { children: i })
+          ] }),
+          /* @__PURE__ */ r(u, { className: "sr-only", children: t }),
+          /* @__PURE__ */ e("div", { children: [
+            /* @__PURE__ */ r(
+              "div",
+              {
+                style: {
+                  // Calculate max height based on whether action buttons are present
+                  maxHeight: o ? `calc(100vh - ${15 + 6.1 + 7.6}rem)` : `calc(100vh - ${15 + 6.1}rem)`
+                },
+                className: s("overflow-auto", n && "p-xl", !o && "rounded-b-xl"),
+                children: p
+              }
+            ),
+            o && /* @__PURE__ */ r("div", { className: s("flex justify-center p-xl", f && "border-t border-bcolor-subdued"), children: l && /* @__PURE__ */ r("div", { className: "flex gap-xl", children: l.map((a) => /* @__PURE__ */ r(b, { size: "large", ...a }, a.text)) }) })
+          ] })
+        ]
+      }
+    )
+  ] }) });
+}
+export {
+  rr as Alert
+};

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

@@ -0,0 +1 @@
+export * from './alert';

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

@@ -0,0 +1,4 @@
+import { Alert as o } from "./alert.js";
+export {
+  o as Alert
+};

package/dist/components/molecules/button/Button.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Button } from './';
+
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

package/dist/components/molecules/button/Button.stories.js

@@ -0,0 +1,20 @@
+import { f as o } from "../../../index-DfdAzObv.js";
+import { Button as t } from "./button.js";
+const e = {
+  title: "@spotwork-ui/Button",
+  component: t,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    backgroundColor: { control: "color" }
+  },
+  args: { onClick: o() }
+}, n = {
+  args: {}
+};
+export {
+  n as Primary,
+  e as default
+};