@temp-spotwork/ui 1.4.3

package/dist/card-Cc2Qkiqr.js

@@ -0,0 +1,41 @@
+import { jsx as s } from "react/jsx-runtime";
+import * as r from "react";
+import { cn as t } from "./lib/utils.js";
+const d = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ s("div", { ref: o, className: t("rounded-xl border border-bcolor-subdued bg-surface-default", e), ...a }));
+d.displayName = "Card";
+const l = r.forwardRef(
+  ({ className: e, ...a }, o) => /* @__PURE__ */ s("div", { ref: o, className: t("flex flex-col gap-y-xs p-xl", e), ...a })
+);
+l.displayName = "Header";
+const c = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ s("div", { ref: o, className: t("", e), ...a }));
+c.displayName = "Title";
+const i = r.forwardRef(
+  ({ className: e, ...a }, o) => /* @__PURE__ */ s("div", { ref: o, className: t("", e), ...a })
+);
+i.displayName = "Description";
+const f = r.forwardRef(
+  ({ className: e, ...a }, o) => /* @__PURE__ */ s("div", { ref: o, className: t("p-xl pt-0", e), ...a })
+);
+f.displayName = "Content";
+const p = r.forwardRef(
+  ({ className: e, ...a }, o) => /* @__PURE__ */ s("div", { ref: o, className: t("flex items-center justify-between px-xl pt-0 pb-xs", e), ...a })
+);
+p.displayName = "Footer";
+const x = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Content: f,
+  Description: i,
+  Footer: p,
+  Header: l,
+  Root: d,
+  Title: c
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  f as C,
+  i as D,
+  p as F,
+  l as H,
+  d as R,
+  c as T,
+  x as c
+};

package/dist/components/atoms/avatar/Avatar.stories.d.ts

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

package/dist/components/atoms/avatar/Avatar.stories.js

@@ -0,0 +1,22 @@
+import { f as r } from "../../../index-DfdAzObv.js";
+import { Avatar as o } from "./avatar.js";
+const c = {
+  title: "@spotwork-ui/Avatar",
+  component: o,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    backgroundColor: { control: "color" }
+  },
+  args: { onClick: r() }
+}, e = {
+  args: {
+    variant: "circular"
+  }
+};
+export {
+  e as Circular,
+  c as default
+};

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

@@ -0,0 +1,39 @@
+export type AvatarProps = {
+    /**
+     * Unique identifier for the avatar.
+     */
+    id: string;
+    /**
+     * Determines whether to display a border around the avatar.
+     */
+    hasBorder?: boolean;
+    /**
+     * Variant of the avatar, which can be 'curvedCorner', 'circular', or 'square'.
+     */
+    variant: 'curvedCorner' | 'circular' | 'square';
+    /**
+     * URL of the image for the avatar.
+     */
+    image?: string;
+    /**
+     * Text abbreviation for the avatar. Preferably a 2-letter code. Renders if the 'image' prop is not provided.
+     */
+    textView?: string;
+    /**
+     * Works for circular variant and square variants if the 'border' prop is 'true'. Displays a blue border.
+     */
+    isActive?: boolean;
+    /**
+     * Works for circular components and displays a blue circle.
+     */
+    isOnline?: boolean;
+    /**
+     * Callback function invoked when the avatar is clicked, providing the element ID as an argument.
+     */
+    onClick?: (id: string) => void;
+    /**
+     * Size of the avatar container in rem. Default is 5.5rem for square and 5rem for circular.
+     */
+    size?: number;
+};
+export declare function Avatar({ id, hasBorder, variant, image, textView, isActive, isOnline, onClick, size, }: AvatarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/avatar/avatar.js

@@ -0,0 +1,76 @@
+import { jsx as r, Fragment as b, jsxs as U } from "react/jsx-runtime";
+import { Typography as _ } from "../../styles/typography/typography.js";
+import { classesMap as I } from "./styles.js";
+import y from "./statusIndicatorIcon.js";
+import { t as s } from "../../../bundle-mjs-CAy1p0fn.js";
+function Z({
+  id: p,
+  hasBorder: l = !1,
+  variant: i,
+  image: d,
+  textView: E = "NN",
+  isActive: o,
+  isOnline: v = !1,
+  onClick: c,
+  size: t
+}) {
+  const e = i === "circular", a = e ? 5 : 5.5, n = t ? t / a : 1, m = I[i](l), u = !e && l && o ? "border-bcolor-active" : "border-bcolor-divider", S = t && a > t ? 1 : 7, g = () => {
+    c && c(p);
+  }, x = d ? /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
+    "img",
+    {
+      className: s(m.image, u),
+      src: d,
+      alt: "avatar-image"
+    }
+  ) }) : /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
+    "div",
+    {
+      "data-testid": "avatar-text-box",
+      className: s(m.textBox, u),
+      children: /* @__PURE__ */ r(
+        _,
+        {
+          swStyle: S,
+          children: E,
+          color: "visualPlaceholderDefault"
+        }
+      )
+    }
+  ) }), f = 0.25, A = e && v && !o && /* @__PURE__ */ r(
+    "div",
+    {
+      className: "absolute",
+      style: {
+        bottom: `${n * f}rem`,
+        right: `${n * f}rem`
+      },
+      "data-testid": "avatar-online-status",
+      children: /* @__PURE__ */ r(y, { scalingFactor: n })
+    }
+  ), h = c ? "button" : "div", C = () => e && o ? "border-bcolor-active" : "border-[transparent]";
+  return /* @__PURE__ */ U(
+    h,
+    {
+      "data-testid": "avatar-container",
+      onClick: g,
+      style: {
+        width: `${t || a}rem`,
+        height: `${t || a}rem`
+      },
+      className: s(
+        "flex items-center justify-center flex-shrink-0 flex-grow-0 relative",
+        C(),
+        "aspect-square"
+      ),
+      ...h === "button" ? { type: "button" } : {},
+      children: [
+        x,
+        A
+      ]
+    }
+  );
+}
+export {
+  Z as Avatar
+};

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

@@ -0,0 +1,2 @@
+export { Avatar } from './avatar';
+export type { AvatarProps } from './avatar';

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

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

package/dist/components/atoms/avatar/statusIndicatorIcon.d.ts

@@ -0,0 +1,3 @@
+export default function StatusIndicator({ scalingFactor, }: {
+    scalingFactor: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/avatar/statusIndicatorIcon.js

@@ -0,0 +1,33 @@
+import { jsx as i } from "react/jsx-runtime";
+import "../../styles/colors/colors.js";
+import { glyph as r } from "../../styles/colors/colormap.js";
+function d({
+  scalingFactor: t
+}) {
+  return /* @__PURE__ */ i(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: t * 11,
+      height: t * 11,
+      viewBox: "0 0 11 11",
+      fill: "none",
+      "data-testid": "StatusIndicator-icon",
+      children: /* @__PURE__ */ i(
+        "circle",
+        {
+          cx: "5.5",
+          cy: "5.5",
+          r: "4.25",
+          fill: r.active,
+          stroke: "white",
+          strokeWidth: "1.5",
+          "data-testid": "StatusIndicator-path"
+        }
+      )
+    }
+  );
+}
+export {
+  d as default
+};

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

@@ -0,0 +1,14 @@
+export declare const classesMap: {
+    curvedCorner: (border?: boolean) => {
+        image: string;
+        textBox: string;
+    };
+    circular: (border?: boolean) => {
+        image: string;
+        textBox: string;
+    };
+    square: (border?: boolean) => {
+        image: string;
+        textBox: string;
+    };
+};

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

@@ -0,0 +1,47 @@
+const r = (e = !1) => ({
+  image: `
+    flex items-center justify-center
+    max-w-[100%] max-h-[100%] 
+    ${e ? "border-[0.05rem]" : "border-[0]"}
+    rounded
+    
+    `,
+  textBox: `
+    flex items-center justify-center
+    w-full h-full
+    ${e ? "border-[0.05rem]" : "border-[0]"}
+    rounded 
+    bg-surface-visualPlaceholderDefault
+    `
+}), l = (e = !1) => ({
+  image: `
+    flex items-center justify-center
+    max-w-[100%] max-h-[100%] 
+    ${e ? "border-[0.05rem]" : "border-[0]"}
+    `,
+  textBox: `
+    flex items-center justify-center
+    w-full h-full
+    ${e ? "border-[0.05rem]" : "border-[0]"}
+    bg-surface-visualPlaceholderDefault
+    `
+}), t = (e = !1) => ({
+  image: `
+    rounded-full
+    w-full h-full object-cover object-center
+    `,
+  textBox: `
+    flex items-center justify-center
+    w-full h-full
+    rounded-full 
+    ${e ? "border-[0.05rem]" : "border-[0]"}
+    bg-surface-visualPlaceholderDefault
+    `
+}), u = {
+  curvedCorner: r,
+  circular: t,
+  square: l
+};
+export {
+  u as classesMap
+};

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

@@ -0,0 +1,25 @@
+export type BadgeProps = {
+    /**
+     *  text in the Badge
+     */
+    text: string;
+    /**
+     * badge color
+     */
+    color: BadgeColorVariants;
+};
+export declare const badgeColorVariants: {
+    active: string;
+    affirmative: string;
+    affirmativeInverted: string;
+    success: string;
+    successInverted: string;
+    warning: string;
+    warningInverted: string;
+    alert: string;
+    alertInverted: string;
+    disabled: string;
+    disabledInverted: string;
+};
+export type BadgeColorVariants = keyof typeof badgeColorVariants;
+export declare function Badge({ text, color }: BadgeProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/badge/badge.js

@@ -0,0 +1,38 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Typography as i } from "../../styles/typography/typography.js";
+const t = {
+  active: "active",
+  affirmative: "active",
+  affirmativeInverted: "activeInverted",
+  success: "success",
+  successInverted: "successInverted",
+  warning: "warning",
+  warningInverted: "warningInverted",
+  alert: "alert",
+  alertInverted: "alertInverted",
+  disabled: "disabled",
+  disabledInverted: "disabledInverted"
+};
+function c({ text: a, color: r }) {
+  const n = t[r];
+  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+    "div",
+    {
+      "data-testid": "Badge-container",
+      className: `px-[0.5rem] py-[0.2rem] bg-surface-${t[r]} rounded-[0.9rem] min-w-[1.8rem] max-w-max h-[1.8rem] flex items-center place-content-around m-[0.1rem]`,
+      children: /* @__PURE__ */ e(
+        i,
+        {
+          children: `${a}`.trim().toUpperCase(),
+          color: n,
+          swStyle: 6,
+          lineHeight: 1.4
+        }
+      )
+    }
+  ) });
+}
+export {
+  c as Badge,
+  t as badgeColorVariants
+};

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { Badge } from './badge';
+export type { BadgeProps } from './badge';

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

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

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+declare const Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Description: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Root, Header, Footer, Title, Description, Content };

package/dist/components/atoms/card/card.js

@@ -0,0 +1,12 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../lib/utils.js";
+import { C as s, D as i, F as p, H as m, R as n, T as C } from "../../../card-Cc2Qkiqr.js";
+export {
+  s as Content,
+  i as Description,
+  p as Footer,
+  m as Header,
+  n as Root,
+  C as Title
+};

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

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+
+import * as Card from './card';
+declare const meta: Meta<typeof Card.Root>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Simple: Story;
+export declare const WithHeader: Story;
+export declare const WithFooter: Story;
+export declare const Complete: Story;
+export declare const CustomStyling: Story;
+export declare const MultipleCards: Story;

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

@@ -0,0 +1,86 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { R as n, H as c, T as d, D as a, C as t, F as l } from "../../../card-Cc2Qkiqr.js";
+const o = {
+  title: "@spotwork-ui/atoms/Card",
+  component: n,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    className: {
+      control: "text",
+      description: "Additional CSS classes to apply to the card"
+    }
+  }
+}, h = {
+  render: () => /* @__PURE__ */ r(n, { className: "w-[350px]", children: [
+    /* @__PURE__ */ r(c, { children: [
+      /* @__PURE__ */ e(d, { children: "Card Title" }),
+      /* @__PURE__ */ e(a, { children: "Card Description" })
+    ] }),
+    /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e("p", { children: "Card Content" }) }),
+    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e("p", { children: "Card Footer" }) })
+  ] })
+}, p = {
+  render: () => /* @__PURE__ */ e(n, { className: "w-[350px]", children: /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e("p", { children: "This is a simple card with just content." }) }) })
+}, m = {
+  render: () => /* @__PURE__ */ r(n, { className: "w-[350px]", children: [
+    /* @__PURE__ */ r(c, { children: [
+      /* @__PURE__ */ e(d, { children: "Card with Header" }),
+      /* @__PURE__ */ e(a, { children: "This card has a header with title and description" })
+    ] }),
+    /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e("p", { children: "Card content goes here." }) })
+  ] })
+}, C = {
+  render: () => /* @__PURE__ */ r(n, { className: "w-[350px]", children: [
+    /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e("p", { children: "Card content with footer below." }) }),
+    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e("p", { children: "Footer content" }) })
+  ] })
+}, u = {
+  render: () => /* @__PURE__ */ r(n, { className: "w-[350px]", children: [
+    /* @__PURE__ */ r(c, { children: [
+      /* @__PURE__ */ e(d, { children: "Complete Card" }),
+      /* @__PURE__ */ e(a, { children: "This card has all components: header, content, and footer" })
+    ] }),
+    /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e("p", { children: "This is the main content area of the card. It can contain any type of content including text, images, forms, or other components." }) }),
+    /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e("p", { children: "Footer content with additional information or actions" }) })
+  ] })
+}, x = {
+  render: () => /* @__PURE__ */ r(n, { className: "w-[400px] border-2 border-blue-500 bg-blue-50", children: [
+    /* @__PURE__ */ r(c, { className: "bg-blue-100", children: [
+      /* @__PURE__ */ e(d, { className: "text-blue-900", children: "Custom Styled Card" }),
+      /* @__PURE__ */ e(a, { className: "text-blue-700", children: "This card has custom styling applied" })
+    ] }),
+    /* @__PURE__ */ e(t, { className: "bg-white", children: /* @__PURE__ */ e("p", { className: "text-gray-800", children: "Content with custom background and text colors." }) }),
+    /* @__PURE__ */ e(l, { className: "bg-blue-100", children: /* @__PURE__ */ e("p", { className: "text-blue-900", children: "Custom styled footer" }) })
+  ] })
+}, w = {
+  render: () => /* @__PURE__ */ r("div", { className: "flex gap-4", children: [
+    /* @__PURE__ */ r(n, { className: "w-[200px]", children: [
+      /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(d, { children: "Card 1" }) }),
+      /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e("p", { children: "First card content" }) })
+    ] }),
+    /* @__PURE__ */ r(n, { className: "w-[200px]", children: [
+      /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(d, { children: "Card 2" }) }),
+      /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e("p", { children: "Second card content" }) })
+    ] }),
+    /* @__PURE__ */ r(n, { className: "w-[200px]", children: [
+      /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(d, { children: "Card 3" }) }),
+      /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e("p", { children: "Third card content" }) })
+    ] })
+  ] }),
+  parameters: {
+    layout: "padded"
+  }
+};
+export {
+  u as Complete,
+  x as CustomStyling,
+  h as Default,
+  w as MultipleCards,
+  p as Simple,
+  C as WithFooter,
+  m as WithHeader,
+  o as default
+};

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

@@ -0,0 +1 @@
+export * as Card from './card';

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

@@ -0,0 +1,4 @@
+import { c as o } from "../../../card-Cc2Qkiqr.js";
+export {
+  o as Card
+};

package/dist/components/atoms/card-content/label-value-pair/index.d.ts

@@ -0,0 +1,2 @@
+export { LabelValuePair } from './label-value-pair';
+export type { LabelValuePairProps } from './label-value-pair';

package/dist/components/atoms/card-content/label-value-pair/index.js

@@ -0,0 +1,4 @@
+import { LabelValuePair as r } from "./label-value-pair.js";
+export {
+  r as LabelValuePair
+};

package/dist/components/atoms/card-content/label-value-pair/label-value-pair.d.ts

@@ -0,0 +1,30 @@
+import { ChipsProps } from '../../form/chips';
+import { GlyphColor } from '../../../styles/colors';
+
+export type LabelValuePairProps = {
+    /**
+     * The main text of the component - displays below the label
+     */
+    value: string;
+    /**
+     * text to display when hovering over the value
+     */
+    hoverText?: string;
+    /**
+     * Label of thecomponent - displayed on top of main text and is smaller and grey
+     */
+    label: string;
+    /**
+     * Optional chip to display at the bottom - takes chip props type
+     */
+    color?: GlyphColor;
+    /**
+     * Optional color display for the bottom text
+     */
+    chipsProps?: ChipsProps;
+    /**
+     * Optional class name
+     */
+    className?: string;
+};
+export declare function LabelValuePair({ value, label, chipsProps, color, hoverText, className, }: LabelValuePairProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/atoms/card-content/label-value-pair/label-value-pair.js

@@ -0,0 +1,22 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { Chips as d } from "../../form/chips/chips.js";
+import { container as p } from "./styles.js";
+import { Typography as i } from "../../../styles/typography/typography.js";
+import { t as s } from "../../../../bundle-mjs-CAy1p0fn.js";
+function v({
+  value: t,
+  label: o,
+  chipsProps: e,
+  color: l = "default",
+  hoverText: a,
+  className: m
+}) {
+  return /* @__PURE__ */ n("div", { className: s(p, m), children: [
+    /* @__PURE__ */ r(i, { swStyle: 1, color: "subdued", children: o }),
+    /* @__PURE__ */ r(i, { swStyle: 3, color: l, title: a, children: t }),
+    e && /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(d, { variant: "pill", ...e }) })
+  ] });
+}
+export {
+  v as LabelValuePair
+};

package/dist/components/atoms/card-content/label-value-pair/label-value-pair.stories.d.ts

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

package/dist/components/atoms/card-content/label-value-pair/label-value-pair.stories.js

@@ -0,0 +1,22 @@
+import { f as o } from "../../../../index-DfdAzObv.js";
+import { LabelValuePair as r } from "./label-value-pair.js";
+import "../../../styles/colors/colors.js";
+import { glyphColorsKeys as a } from "../../../styles/colors/colormap.js";
+const l = {
+  title: "@spotwork-ui/LabelValuePair",
+  component: r,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    color: { options: a }
+  },
+  args: { onClick: o() }
+}, m = {
+  args: {}
+};
+export {
+  m as Primary,
+  l as default
+};

package/dist/components/atoms/card-content/label-value-pair/styles.d.ts

@@ -0,0 +1 @@
+export declare const container = "flex flex-col min-w-[15rem]";

package/dist/components/atoms/card-content/label-value-pair/styles.js

@@ -0,0 +1,4 @@
+const e = "flex flex-col min-w-[15rem]";
+export {
+  e as container
+};

package/dist/components/atoms/card-content/note/index.d.ts

@@ -0,0 +1,2 @@
+export { Note } from './note';
+export type { NoteProps } from './note';

package/dist/components/atoms/card-content/note/index.js

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