@otmc/ui 0.0.0-stage → 0.1.1

package/LICENSE

@@ -0,0 +1,12 @@
+OTMC License
+Copyright (c) 2026 OTMC Softwares. All rights reserved.
+
+Contributors:
+* Nguyen Van Trung
+* OTMC Contributors
+
+This software and all related source code, assets, and documentation are the
+property of OTMC Softwares. Unauthorized copying, modification, distribution,
+or use of this software is prohibited without prior written permission from
+OTMC Softwares.
+

package/README.md

@@ -1,3 +1,2 @@
-# Temporary Holding Version
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+

package/dist/index.cjs

@@ -0,0 +1,118 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Footer: () => Footer
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/branding/Footer.tsx
+var import_core = require("@mantine/core");
+var import_icons_react = require("@tabler/icons-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DEFAULT_COPYRIGHT = "OTMC Softwares. All rights reserved.";
+var DEFAULT_AUTHOR = "Nguyen Van Trung, OTMC Contributors.";
+var DEFAULT_AUTHOR_HREF = "https://github.com";
+var DEFAULT_SOCIAL_LINKS = [
+  {
+    label: "Facebook",
+    href: "https://www.facebook.com",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_react.IconBrandFacebook, { size: 20 }),
+    color: "blue.8",
+    external: true
+  },
+  {
+    label: "GitHub",
+    href: "https://github.com",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_react.IconBrandGithub, { size: 20 }),
+    color: "gray.6",
+    external: true
+  },
+  {
+    label: "Gmail",
+    href: "mailto:test@gmail.com",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_react.IconMail, { size: 20 }),
+    color: "red.8",
+    external: false
+  }
+];
+function Footer({
+  copyright = DEFAULT_COPYRIGHT,
+  author = DEFAULT_AUTHOR,
+  authorHref = DEFAULT_AUTHOR_HREF,
+  socialLinks = DEFAULT_SOCIAL_LINKS,
+  showSocialLinks = true
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Stack, { gap: "sm", mt: "md", align: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Stack, { gap: 2, align: "center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { gap: 4, wrap: "nowrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Text, { c: "dimmed", size: "xs", children: [
+          "Copyright",
+          " "
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_react.IconCopyright, { size: 15 }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Text, { size: "xs", c: "dimmed", children: [
+          (/* @__PURE__ */ new Date()).getFullYear(),
+          " ",
+          copyright
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { gap: 4, wrap: "nowrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { size: "xs", c: "dimmed", children: "Built with" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_icons_react.IconHeart,
+          {
+            size: 15,
+            style: { color: "var(--mantine-color-red-7)" }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { size: "xs", c: "dimmed", children: "by" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_core.Anchor,
+          {
+            href: authorHref,
+            size: "xs",
+            fw: 500,
+            target: "_blank",
+            children: author
+          }
+        )
+      ] })
+    ] }),
+    showSocialLinks && socialLinks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Group, { gap: "sm", children: socialLinks.map((link) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Tooltip, { label: link.label, withArrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.ActionIcon,
+      {
+        variant: "subtle",
+        color: link.color,
+        component: "a",
+        href: link.href,
+        target: link.external ? "_blank" : void 0,
+        rel: link.external ? "noopener noreferrer" : void 0,
+        children: link.icon
+      }
+    ) }, link.href)) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Footer
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/branding/Footer.tsx"],"sourcesContent":["/*\r\n * OTMC License.\r\n * Copyright (c) 2026 OTMC Softwares. All rights reserved.\r\n * Contributors: Nguyen Van Trung, OTMC Authors.\r\n */\r\n\r\nexport * from './branding';\r\n","/***\r\n * OTMC License.\r\n * Copyright (c) 2026 OTMC Softwares. All rights reserved.\r\n * Contributors: Nguyen Van Trung, OTMC Contributors.\r\n***/\r\n\r\nimport { Stack, Group, Text, Anchor, Tooltip, ActionIcon } from '@mantine/core';\r\nimport {\r\n  IconCopyright,\r\n  IconHeart,\r\n  IconBrandFacebook,\r\n  IconBrandGithub,\r\n  IconMail,\r\n} from '@tabler/icons-react';\r\nimport { ReactNode } from 'react';\r\n\r\nexport interface FooterSocialLink {\r\n  label: string;\r\n  href: string;\r\n  icon: ReactNode;\r\n  color?: string;\r\n  external?: boolean;\r\n}\r\n\r\nexport interface FooterProps {\r\n  copyright?: string;\r\n  author?: string;\r\n  authorHref?: string;\r\n  socialLinks?: FooterSocialLink[];\r\n  showCopyright?: boolean;\r\n  showAuthor?: boolean;\r\n  showSocialLinks?: boolean;\r\n}\r\n\r\nconst DEFAULT_COPYRIGHT = 'OTMC Softwares. All rights reserved.';\r\nconst DEFAULT_AUTHOR = 'Nguyen Van Trung, OTMC Contributors.';\r\nconst DEFAULT_AUTHOR_HREF = 'https://github.com';\r\nconst DEFAULT_SOCIAL_LINKS: FooterSocialLink[] = [\r\n  {\r\n    label: 'Facebook',\r\n    href: 'https://www.facebook.com',\r\n    icon: <IconBrandFacebook size={20} />,\r\n    color: 'blue.8',\r\n    external: true,\r\n  },\r\n  {\r\n    label: 'GitHub',\r\n    href: 'https://github.com',\r\n    icon: <IconBrandGithub size={20} />,\r\n    color: 'gray.6',\r\n    external: true,\r\n  },\r\n  {\r\n    label: 'Gmail',\r\n    href: 'mailto:test@gmail.com',\r\n    icon: <IconMail size={20} />,\r\n    color: 'red.8',\r\n    external: false,\r\n  },\r\n];\r\n\r\nexport function Footer({\r\n  copyright = DEFAULT_COPYRIGHT,\r\n  author = DEFAULT_AUTHOR,\r\n  authorHref = DEFAULT_AUTHOR_HREF,\r\n  socialLinks = DEFAULT_SOCIAL_LINKS,\r\n  showSocialLinks = true,\r\n}: FooterProps) {\r\n\r\n  return (\r\n    <Stack gap=\"sm\" mt=\"md\" align=\"center\">\r\n      <Stack gap={2} align=\"center\">\r\n        <Group gap={4} wrap=\"nowrap\">\r\n          <Text c=\"dimmed\" size=\"xs\">\r\n            Copyright{' '}\r\n          </Text>\r\n          <IconCopyright size={15} />\r\n          <Text size=\"xs\" c=\"dimmed\">\r\n            {new Date().getFullYear()} {copyright}\r\n          </Text>\r\n        </Group>\r\n        <Group gap={4} wrap=\"nowrap\">\r\n          <Text size=\"xs\" c=\"dimmed\">\r\n            Built with\r\n          </Text>\r\n          <IconHeart\r\n            size={15}\r\n            style={{ color: 'var(--mantine-color-red-7)' }}\r\n          />\r\n          <Text size=\"xs\" c=\"dimmed\">\r\n            by\r\n          </Text>\r\n          <Anchor\r\n            href={authorHref}\r\n            size=\"xs\"\r\n            fw={500}\r\n            target=\"_blank\"\r\n          >\r\n            {author}\r\n          </Anchor>\r\n        </Group>\r\n      </Stack>\r\n\r\n      {showSocialLinks && socialLinks.length > 0 && (\r\n        <Group gap=\"sm\">\r\n          {socialLinks.map((link) => (\r\n            <Tooltip key={link.href} label={link.label} withArrow>\r\n              <ActionIcon\r\n                variant=\"subtle\"\r\n                color={link.color}\r\n                component=\"a\"\r\n                href={link.href}\r\n                target={link.external ? '_blank' : undefined}\r\n                rel={link.external ? 'noopener noreferrer' : undefined}\r\n              >\r\n                {link.icon}\r\n              </ActionIcon>\r\n            </Tooltip>\r\n          ))}\r\n        </Group>\r\n      )}\r\n    </Stack>\r\n  );\r\n}\r\n\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACMA,kBAAgE;AAChE,yBAMO;AA4BG;AAPV,IAAM,oBAAoB;AAC1B,IAAM,iBAAiB;AACvB,IAAM,sBAAsB;AAC5B,IAAM,uBAA2C;AAAA,EAC/C;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM,4CAAC,wCAAkB,MAAM,IAAI;AAAA,IACnC,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM,4CAAC,sCAAgB,MAAM,IAAI;AAAA,IACjC,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM,4CAAC,+BAAS,MAAM,IAAI;AAAA,IAC1B,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AACF;AAEO,SAAS,OAAO;AAAA,EACrB,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAAA,EACd,kBAAkB;AACpB,GAAgB;AAEd,SACE,6CAAC,qBAAM,KAAI,MAAK,IAAG,MAAK,OAAM,UAC5B;AAAA,iDAAC,qBAAM,KAAK,GAAG,OAAM,UACnB;AAAA,mDAAC,qBAAM,KAAK,GAAG,MAAK,UAClB;AAAA,qDAAC,oBAAK,GAAE,UAAS,MAAK,MAAK;AAAA;AAAA,UACf;AAAA,WACZ;AAAA,QACA,4CAAC,oCAAc,MAAM,IAAI;AAAA,QACzB,6CAAC,oBAAK,MAAK,MAAK,GAAE,UACf;AAAA,+BAAI,KAAK,GAAE,YAAY;AAAA,UAAE;AAAA,UAAE;AAAA,WAC9B;AAAA,SACF;AAAA,MACA,6CAAC,qBAAM,KAAK,GAAG,MAAK,UAClB;AAAA,oDAAC,oBAAK,MAAK,MAAK,GAAE,UAAS,wBAE3B;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAO,EAAE,OAAO,6BAA6B;AAAA;AAAA,QAC/C;AAAA,QACA,4CAAC,oBAAK,MAAK,MAAK,GAAE,UAAS,gBAE3B;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,MAAK;AAAA,YACL,IAAI;AAAA,YACJ,QAAO;AAAA,YAEN;AAAA;AAAA,QACH;AAAA,SACF;AAAA,OACF;AAAA,IAEC,mBAAmB,YAAY,SAAS,KACvC,4CAAC,qBAAM,KAAI,MACR,sBAAY,IAAI,CAAC,SAChB,4CAAC,uBAAwB,OAAO,KAAK,OAAO,WAAS,MACnD;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAO,KAAK;AAAA,QACZ,WAAU;AAAA,QACV,MAAM,KAAK;AAAA,QACX,QAAQ,KAAK,WAAW,WAAW;AAAA,QACnC,KAAK,KAAK,WAAW,wBAAwB;AAAA,QAE5C,eAAK;AAAA;AAAA,IACR,KAVY,KAAK,IAWnB,CACD,GACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,22 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+interface FooterSocialLink {
+    label: string;
+    href: string;
+    icon: ReactNode;
+    color?: string;
+    external?: boolean;
+}
+interface FooterProps {
+    copyright?: string;
+    author?: string;
+    authorHref?: string;
+    socialLinks?: FooterSocialLink[];
+    showCopyright?: boolean;
+    showAuthor?: boolean;
+    showSocialLinks?: boolean;
+}
+declare function Footer({ copyright, author, authorHref, socialLinks, showSocialLinks, }: FooterProps): react.JSX.Element;
+
+export { Footer, type FooterProps, type FooterSocialLink };

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+interface FooterSocialLink {
+    label: string;
+    href: string;
+    icon: ReactNode;
+    color?: string;
+    external?: boolean;
+}
+interface FooterProps {
+    copyright?: string;
+    author?: string;
+    authorHref?: string;
+    socialLinks?: FooterSocialLink[];
+    showCopyright?: boolean;
+    showAuthor?: boolean;
+    showSocialLinks?: boolean;
+}
+declare function Footer({ copyright, author, authorHref, socialLinks, showSocialLinks, }: FooterProps): react.JSX.Element;
+
+export { Footer, type FooterProps, type FooterSocialLink };

package/dist/index.js

@@ -0,0 +1,97 @@
+// src/branding/Footer.tsx
+import { Stack, Group, Text, Anchor, Tooltip, ActionIcon } from "@mantine/core";
+import {
+  IconCopyright,
+  IconHeart,
+  IconBrandFacebook,
+  IconBrandGithub,
+  IconMail
+} from "@tabler/icons-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_COPYRIGHT = "OTMC Softwares. All rights reserved.";
+var DEFAULT_AUTHOR = "Nguyen Van Trung, OTMC Contributors.";
+var DEFAULT_AUTHOR_HREF = "https://github.com";
+var DEFAULT_SOCIAL_LINKS = [
+  {
+    label: "Facebook",
+    href: "https://www.facebook.com",
+    icon: /* @__PURE__ */ jsx(IconBrandFacebook, { size: 20 }),
+    color: "blue.8",
+    external: true
+  },
+  {
+    label: "GitHub",
+    href: "https://github.com",
+    icon: /* @__PURE__ */ jsx(IconBrandGithub, { size: 20 }),
+    color: "gray.6",
+    external: true
+  },
+  {
+    label: "Gmail",
+    href: "mailto:test@gmail.com",
+    icon: /* @__PURE__ */ jsx(IconMail, { size: 20 }),
+    color: "red.8",
+    external: false
+  }
+];
+function Footer({
+  copyright = DEFAULT_COPYRIGHT,
+  author = DEFAULT_AUTHOR,
+  authorHref = DEFAULT_AUTHOR_HREF,
+  socialLinks = DEFAULT_SOCIAL_LINKS,
+  showSocialLinks = true
+}) {
+  return /* @__PURE__ */ jsxs(Stack, { gap: "sm", mt: "md", align: "center", children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: 2, align: "center", children: [
+      /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
+        /* @__PURE__ */ jsxs(Text, { c: "dimmed", size: "xs", children: [
+          "Copyright",
+          " "
+        ] }),
+        /* @__PURE__ */ jsx(IconCopyright, { size: 15 }),
+        /* @__PURE__ */ jsxs(Text, { size: "xs", c: "dimmed", children: [
+          (/* @__PURE__ */ new Date()).getFullYear(),
+          " ",
+          copyright
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Built with" }),
+        /* @__PURE__ */ jsx(
+          IconHeart,
+          {
+            size: 15,
+            style: { color: "var(--mantine-color-red-7)" }
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "by" }),
+        /* @__PURE__ */ jsx(
+          Anchor,
+          {
+            href: authorHref,
+            size: "xs",
+            fw: 500,
+            target: "_blank",
+            children: author
+          }
+        )
+      ] })
+    ] }),
+    showSocialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsx(Group, { gap: "sm", children: socialLinks.map((link) => /* @__PURE__ */ jsx(Tooltip, { label: link.label, withArrow: true, children: /* @__PURE__ */ jsx(
+      ActionIcon,
+      {
+        variant: "subtle",
+        color: link.color,
+        component: "a",
+        href: link.href,
+        target: link.external ? "_blank" : void 0,
+        rel: link.external ? "noopener noreferrer" : void 0,
+        children: link.icon
+      }
+    ) }, link.href)) })
+  ] });
+}
+export {
+  Footer
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/branding/Footer.tsx"],"sourcesContent":["/***\r\n * OTMC License.\r\n * Copyright (c) 2026 OTMC Softwares. All rights reserved.\r\n * Contributors: Nguyen Van Trung, OTMC Contributors.\r\n***/\r\n\r\nimport { Stack, Group, Text, Anchor, Tooltip, ActionIcon } from '@mantine/core';\r\nimport {\r\n  IconCopyright,\r\n  IconHeart,\r\n  IconBrandFacebook,\r\n  IconBrandGithub,\r\n  IconMail,\r\n} from '@tabler/icons-react';\r\nimport { ReactNode } from 'react';\r\n\r\nexport interface FooterSocialLink {\r\n  label: string;\r\n  href: string;\r\n  icon: ReactNode;\r\n  color?: string;\r\n  external?: boolean;\r\n}\r\n\r\nexport interface FooterProps {\r\n  copyright?: string;\r\n  author?: string;\r\n  authorHref?: string;\r\n  socialLinks?: FooterSocialLink[];\r\n  showCopyright?: boolean;\r\n  showAuthor?: boolean;\r\n  showSocialLinks?: boolean;\r\n}\r\n\r\nconst DEFAULT_COPYRIGHT = 'OTMC Softwares. All rights reserved.';\r\nconst DEFAULT_AUTHOR = 'Nguyen Van Trung, OTMC Contributors.';\r\nconst DEFAULT_AUTHOR_HREF = 'https://github.com';\r\nconst DEFAULT_SOCIAL_LINKS: FooterSocialLink[] = [\r\n  {\r\n    label: 'Facebook',\r\n    href: 'https://www.facebook.com',\r\n    icon: <IconBrandFacebook size={20} />,\r\n    color: 'blue.8',\r\n    external: true,\r\n  },\r\n  {\r\n    label: 'GitHub',\r\n    href: 'https://github.com',\r\n    icon: <IconBrandGithub size={20} />,\r\n    color: 'gray.6',\r\n    external: true,\r\n  },\r\n  {\r\n    label: 'Gmail',\r\n    href: 'mailto:test@gmail.com',\r\n    icon: <IconMail size={20} />,\r\n    color: 'red.8',\r\n    external: false,\r\n  },\r\n];\r\n\r\nexport function Footer({\r\n  copyright = DEFAULT_COPYRIGHT,\r\n  author = DEFAULT_AUTHOR,\r\n  authorHref = DEFAULT_AUTHOR_HREF,\r\n  socialLinks = DEFAULT_SOCIAL_LINKS,\r\n  showSocialLinks = true,\r\n}: FooterProps) {\r\n\r\n  return (\r\n    <Stack gap=\"sm\" mt=\"md\" align=\"center\">\r\n      <Stack gap={2} align=\"center\">\r\n        <Group gap={4} wrap=\"nowrap\">\r\n          <Text c=\"dimmed\" size=\"xs\">\r\n            Copyright{' '}\r\n          </Text>\r\n          <IconCopyright size={15} />\r\n          <Text size=\"xs\" c=\"dimmed\">\r\n            {new Date().getFullYear()} {copyright}\r\n          </Text>\r\n        </Group>\r\n        <Group gap={4} wrap=\"nowrap\">\r\n          <Text size=\"xs\" c=\"dimmed\">\r\n            Built with\r\n          </Text>\r\n          <IconHeart\r\n            size={15}\r\n            style={{ color: 'var(--mantine-color-red-7)' }}\r\n          />\r\n          <Text size=\"xs\" c=\"dimmed\">\r\n            by\r\n          </Text>\r\n          <Anchor\r\n            href={authorHref}\r\n            size=\"xs\"\r\n            fw={500}\r\n            target=\"_blank\"\r\n          >\r\n            {author}\r\n          </Anchor>\r\n        </Group>\r\n      </Stack>\r\n\r\n      {showSocialLinks && socialLinks.length > 0 && (\r\n        <Group gap=\"sm\">\r\n          {socialLinks.map((link) => (\r\n            <Tooltip key={link.href} label={link.label} withArrow>\r\n              <ActionIcon\r\n                variant=\"subtle\"\r\n                color={link.color}\r\n                component=\"a\"\r\n                href={link.href}\r\n                target={link.external ? '_blank' : undefined}\r\n                rel={link.external ? 'noopener noreferrer' : undefined}\r\n              >\r\n                {link.icon}\r\n              </ActionIcon>\r\n            </Tooltip>\r\n          ))}\r\n        </Group>\r\n      )}\r\n    </Stack>\r\n  );\r\n}\r\n\r\n"],"mappings":";AAMA,SAAS,OAAO,OAAO,MAAM,QAAQ,SAAS,kBAAkB;AAChE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AA4BG,cAgCA,YAhCA;AAPV,IAAM,oBAAoB;AAC1B,IAAM,iBAAiB;AACvB,IAAM,sBAAsB;AAC5B,IAAM,uBAA2C;AAAA,EAC/C;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM,oBAAC,qBAAkB,MAAM,IAAI;AAAA,IACnC,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM,oBAAC,mBAAgB,MAAM,IAAI;AAAA,IACjC,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM,oBAAC,YAAS,MAAM,IAAI;AAAA,IAC1B,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AACF;AAEO,SAAS,OAAO;AAAA,EACrB,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,aAAa;AAAA,EACb,cAAc;AAAA,EACd,kBAAkB;AACpB,GAAgB;AAEd,SACE,qBAAC,SAAM,KAAI,MAAK,IAAG,MAAK,OAAM,UAC5B;AAAA,yBAAC,SAAM,KAAK,GAAG,OAAM,UACnB;AAAA,2BAAC,SAAM,KAAK,GAAG,MAAK,UAClB;AAAA,6BAAC,QAAK,GAAE,UAAS,MAAK,MAAK;AAAA;AAAA,UACf;AAAA,WACZ;AAAA,QACA,oBAAC,iBAAc,MAAM,IAAI;AAAA,QACzB,qBAAC,QAAK,MAAK,MAAK,GAAE,UACf;AAAA,+BAAI,KAAK,GAAE,YAAY;AAAA,UAAE;AAAA,UAAE;AAAA,WAC9B;AAAA,SACF;AAAA,MACA,qBAAC,SAAM,KAAK,GAAG,MAAK,UAClB;AAAA,4BAAC,QAAK,MAAK,MAAK,GAAE,UAAS,wBAE3B;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAO,EAAE,OAAO,6BAA6B;AAAA;AAAA,QAC/C;AAAA,QACA,oBAAC,QAAK,MAAK,MAAK,GAAE,UAAS,gBAE3B;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,MAAK;AAAA,YACL,IAAI;AAAA,YACJ,QAAO;AAAA,YAEN;AAAA;AAAA,QACH;AAAA,SACF;AAAA,OACF;AAAA,IAEC,mBAAmB,YAAY,SAAS,KACvC,oBAAC,SAAM,KAAI,MACR,sBAAY,IAAI,CAAC,SAChB,oBAAC,WAAwB,OAAO,KAAK,OAAO,WAAS,MACnD;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAO,KAAK;AAAA,QACZ,WAAU;AAAA,QACV,MAAM,KAAK;AAAA,QACX,QAAQ,KAAK,WAAW,WAAW;AAAA,QACnC,KAAK,KAAK,WAAW,wBAAwB;AAAA,QAE5C,eAAK;AAAA;AAAA,IACR,KAVY,KAAK,IAWnB,CACD,GACH;AAAA,KAEJ;AAEJ;","names":[]}

package/package.json

@@ -1,6 +1,60 @@
-{
-  "name": "@otmc/ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+{
+  "name": "@otmc/ui",
+  "version": "0.1.1",
+  "description": "OTMC shared React component library",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "keywords": [
+    "otmc",
+    "ui",
+    "components",
+    "react",
+    "mantine"
+  ],
+  "peerDependencies": {
+    "@mantine/core": ">=8",
+    "react": ">=18",
+    "react-dom": ">=18",
+    "@tabler/icons-react": ">=3"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@mantine/core": "^7.0.0",
+    "@mantine/hooks": "^7.0.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "preview": "http-server dist -p 4000",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run typecheck && npm run build"
+  }
+}