@twreporter/react-typescript-components 0.1.0-beta.6 → 0.1.0-beta.8

package/lib/text/constants.d.mts

@@ -0,0 +1,3 @@
+import "../index-CgixcmUN.mjs";
+import { TYPE, Type, WEIGHT, Weight } from "../constants-BDoTzOZE.mjs";
+export { TYPE, Type, WEIGHT, Weight };

package/lib/text/constants.d.ts

@@ -0,0 +1,3 @@
+import "../index-H3peA2d_.js";
+import { TYPE, Type, WEIGHT, Weight } from "../constants-BS3rPbaX.js";
+export { TYPE, Type, WEIGHT, Weight };

package/lib/text/constants.js

@@ -0,0 +1,4 @@
+const require_constants = require('../constants-K2ObjToq.js');
+
+exports.TYPE = require_constants.TYPE;
+exports.WEIGHT = require_constants.WEIGHT;

package/lib/text/constants.mjs

@@ -0,0 +1,3 @@
+import { TYPE, WEIGHT } from "../constants-BWFuBApI.mjs";
+
+export { TYPE, WEIGHT };

package/lib/text/heading.d.mts

@@ -1,29 +1,31 @@
-import react__default from 'react';
-import { Type, TYPE } from './enum/index.mjs';
-import '../types/index.mjs';
+import "../index-CgixcmUN.mjs";
+import { TYPE, Type } from "../constants-BDoTzOZE.mjs";
+import React from "react";
 
-type HeadingProps = react__default.HTMLAttributes<HTMLHeadingElement> & {
-    text?: string;
-    type?: Type;
-    className?: string;
+//#region src/text/heading.d.ts
+type HeadingProps = React.HTMLAttributes<HTMLHeadingElement> & {
+  text?: string;
+  type?: Type;
+  className?: string;
 };
-declare const H1: react__default.FC<HeadingProps> & {
-    Type: typeof TYPE;
+declare const H1: React.FC<HeadingProps> & {
+  Type: typeof TYPE;
 };
-declare const H2: react__default.FC<HeadingProps> & {
-    Type: typeof TYPE;
+declare const H2: React.FC<HeadingProps> & {
+  Type: typeof TYPE;
 };
-declare const H3: react__default.FC<HeadingProps> & {
-    Type: typeof TYPE;
+declare const H3: React.FC<HeadingProps> & {
+  Type: typeof TYPE;
 };
-declare const H4: react__default.FC<HeadingProps> & {
-    Type: typeof TYPE;
+declare const H4: React.FC<HeadingProps> & {
+  Type: typeof TYPE;
 };
-declare const H5: react__default.FC<HeadingProps> & {
-    Type: typeof TYPE;
+declare const H5: React.FC<HeadingProps> & {
+  Type: typeof TYPE;
 };
-declare const H6: react__default.FC<HeadingProps> & {
-    Type: typeof TYPE;
+declare const H6: React.FC<HeadingProps> & {
+  Type: typeof TYPE;
 };
-
+//#endregion
 export { H1, H2, H3, H4, H5, H6 };
+//# sourceMappingURL=heading.d.mts.map

package/lib/text/heading.d.ts

@@ -1,29 +1,31 @@
-import react__default from 'react';
-import { Type, TYPE } from './enum/index.js';
-import '../types/index.js';
+import "../index-H3peA2d_.js";
+import { TYPE, Type } from "../constants-BS3rPbaX.js";
+import React from "react";
 
-type HeadingProps = react__default.HTMLAttributes<HTMLHeadingElement> & {
-    text?: string;
-    type?: Type;
-    className?: string;
+//#region src/text/heading.d.ts
+type HeadingProps = React.HTMLAttributes<HTMLHeadingElement> & {
+  text?: string;
+  type?: Type;
+  className?: string;
 };
-declare const H1: react__default.FC<HeadingProps> & {
-    Type: typeof TYPE;
+declare const H1: React.FC<HeadingProps> & {
+  Type: typeof TYPE;
 };
-declare const H2: react__default.FC<HeadingProps> & {
-    Type: typeof TYPE;
+declare const H2: React.FC<HeadingProps> & {
+  Type: typeof TYPE;
 };
-declare const H3: react__default.FC<HeadingProps> & {
-    Type: typeof TYPE;
+declare const H3: React.FC<HeadingProps> & {
+  Type: typeof TYPE;
 };
-declare const H4: react__default.FC<HeadingProps> & {
-    Type: typeof TYPE;
+declare const H4: React.FC<HeadingProps> & {
+  Type: typeof TYPE;
 };
-declare const H5: react__default.FC<HeadingProps> & {
-    Type: typeof TYPE;
+declare const H5: React.FC<HeadingProps> & {
+  Type: typeof TYPE;
 };
-declare const H6: react__default.FC<HeadingProps> & {
-    Type: typeof TYPE;
+declare const H6: React.FC<HeadingProps> & {
+  Type: typeof TYPE;
 };
-
+//#endregion
 export { H1, H2, H3, H4, H5, H6 };
+//# sourceMappingURL=heading.d.ts.map

package/lib/text/heading.js

@@ -1,70 +1,9 @@
-'use strict';
-
-var clsx = require('clsx');
-var React = require('react');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-// src/text/heading.tsx
-
-// src/text/enum/index.ts
-var TYPE = {
-  default: "default",
-  article: "article"
-};
-
-// src/text/heading.tsx
-var baseClass = "font-bold";
-var variantClass = {
-  H1: "text-[28px] leading-[125%] tablet:text-[36px]",
-  H2: "text-[24px] leading-[125%] tablet:text-[32px]",
-  H3: "text-[22px] leading-[150%] tablet:text-[28px]",
-  H4: "text-[18px] leading-[150%] tablet:text-[22px]",
-  H5: "text-[17px] leading-[150%] tablet:text-[18px]",
-  H6: "text-[16px] leading-[150%] tablet:text-[16px]"
-};
-var HeadingVariant = (variant) => {
-  const Component = ({
-    text = "",
-    type = TYPE.default,
-    className = "",
-    ...props
-  }) => {
-    const htmlTag = variant.toLowerCase();
-    const fontFamily = type === TYPE.article ? "font-title" : "font-default";
-    return React__default.default.createElement(
-      htmlTag,
-      {
-        className: clsx__default.default(
-          fontFamily,
-          baseClass,
-          variantClass[variant],
-          className
-        ),
-        ...props
-      },
-      text
-    );
-  };
-  Component.displayName = variant;
-  Component.Type = TYPE;
-  return Component;
-};
-var H1 = HeadingVariant("H1");
-var H2 = HeadingVariant("H2");
-var H3 = HeadingVariant("H3");
-var H4 = HeadingVariant("H4");
-var H5 = HeadingVariant("H5");
-var H6 = HeadingVariant("H6");
-
-exports.H1 = H1;
-exports.H2 = H2;
-exports.H3 = H3;
-exports.H4 = H4;
-exports.H5 = H5;
-exports.H6 = H6;
-//# sourceMappingURL=heading.js.map
-//# sourceMappingURL=heading.js.map
+require('../constants-K2ObjToq.js');
+const require_heading = require('../heading-B_pZSTvs.js');
+
+exports.H1 = require_heading.H1;
+exports.H2 = require_heading.H2;
+exports.H3 = require_heading.H3;
+exports.H4 = require_heading.H4;
+exports.H5 = require_heading.H5;
+exports.H6 = require_heading.H6;

package/lib/text/heading.mjs

@@ -1,4 +1,4 @@
-export { H1, H2, H3, H4, H5, H6 } from '../chunk-JHLT5GDV.mjs';
-import '../chunk-UM7RNC2Y.mjs';
-//# sourceMappingURL=heading.mjs.map
-//# sourceMappingURL=heading.mjs.map
+import "../constants-BWFuBApI.mjs";
+import { H1, H2, H3, H4, H5, H6 } from "../heading-DL8WhtCD.mjs";
+
+export { H1, H2, H3, H4, H5, H6 };

package/lib/text/paragraph.d.mts

@@ -1,23 +1,25 @@
-import react__default from 'react';
-import { Weight, WEIGHT } from './enum/index.mjs';
-import '../types/index.mjs';
+import "../index-CgixcmUN.mjs";
+import { WEIGHT, Weight } from "../constants-BDoTzOZE.mjs";
+import React from "react";
 
-type ParagraphProps = react__default.HTMLAttributes<HTMLParagraphElement> & {
-    text?: string;
-    weight?: Weight;
-    className?: string;
+//#region src/text/paragraph.d.ts
+type ParagraphProps = React.HTMLAttributes<HTMLParagraphElement> & {
+  text?: string;
+  weight?: Weight;
+  className?: string;
 };
-declare const P1: react__default.FC<ParagraphProps> & {
-    Weight: typeof WEIGHT;
+declare const P1: React.FC<ParagraphProps> & {
+  Weight: typeof WEIGHT;
 };
-declare const P2: react__default.FC<ParagraphProps> & {
-    Weight: typeof WEIGHT;
+declare const P2: React.FC<ParagraphProps> & {
+  Weight: typeof WEIGHT;
 };
-declare const P3: react__default.FC<ParagraphProps> & {
-    Weight: typeof WEIGHT;
+declare const P3: React.FC<ParagraphProps> & {
+  Weight: typeof WEIGHT;
 };
-declare const P4: react__default.FC<ParagraphProps> & {
-    Weight: typeof WEIGHT;
+declare const P4: React.FC<ParagraphProps> & {
+  Weight: typeof WEIGHT;
 };
-
+//#endregion
 export { P1, P2, P3, P4 };
+//# sourceMappingURL=paragraph.d.mts.map

package/lib/text/paragraph.d.ts

@@ -1,23 +1,25 @@
-import react__default from 'react';
-import { Weight, WEIGHT } from './enum/index.js';
-import '../types/index.js';
+import "../index-H3peA2d_.js";
+import { WEIGHT, Weight } from "../constants-BS3rPbaX.js";
+import React from "react";
 
-type ParagraphProps = react__default.HTMLAttributes<HTMLParagraphElement> & {
-    text?: string;
-    weight?: Weight;
-    className?: string;
+//#region src/text/paragraph.d.ts
+type ParagraphProps = React.HTMLAttributes<HTMLParagraphElement> & {
+  text?: string;
+  weight?: Weight;
+  className?: string;
 };
-declare const P1: react__default.FC<ParagraphProps> & {
-    Weight: typeof WEIGHT;
+declare const P1: React.FC<ParagraphProps> & {
+  Weight: typeof WEIGHT;
 };
-declare const P2: react__default.FC<ParagraphProps> & {
-    Weight: typeof WEIGHT;
+declare const P2: React.FC<ParagraphProps> & {
+  Weight: typeof WEIGHT;
 };
-declare const P3: react__default.FC<ParagraphProps> & {
-    Weight: typeof WEIGHT;
+declare const P3: React.FC<ParagraphProps> & {
+  Weight: typeof WEIGHT;
 };
-declare const P4: react__default.FC<ParagraphProps> & {
-    Weight: typeof WEIGHT;
+declare const P4: React.FC<ParagraphProps> & {
+  Weight: typeof WEIGHT;
 };
-
+//#endregion
 export { P1, P2, P3, P4 };
+//# sourceMappingURL=paragraph.d.ts.map

package/lib/text/paragraph.js

@@ -1,58 +1,7 @@
-'use strict';
+require('../constants-K2ObjToq.js');
+const require_paragraph = require('../paragraph-CJvb0_cM.js');
 
-var clsx = require('clsx');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-// src/text/paragraph.tsx
-
-// src/text/enum/index.ts
-var WEIGHT = {
-  extraLight: "extra-light",
-  normal: "normal",
-  bold: "bold"
-};
-var baseClass = "font-default leading-[150%] flex items-center m-0";
-var variantClass = {
-  P1: "text-[16px]",
-  P2: "text-[14px]",
-  P3: "text-[12px]",
-  P4: "text-[10px]"
-};
-var ParagraphVariant = (variant) => {
-  const Component = ({
-    text = "",
-    weight = WEIGHT.normal,
-    className = "",
-    ...props
-  }) => /* @__PURE__ */ jsxRuntime.jsx(
-    "p",
-    {
-      className: clsx__default.default(
-        baseClass,
-        variantClass[variant],
-        `font-${weight}`,
-        className
-      ),
-      ...props,
-      children: text
-    }
-  );
-  Component.displayName = variant;
-  Component.Weight = WEIGHT;
-  return Component;
-};
-var P1 = ParagraphVariant("P1");
-var P2 = ParagraphVariant("P2");
-var P3 = ParagraphVariant("P3");
-var P4 = ParagraphVariant("P4");
-
-exports.P1 = P1;
-exports.P2 = P2;
-exports.P3 = P3;
-exports.P4 = P4;
-//# sourceMappingURL=paragraph.js.map
-//# sourceMappingURL=paragraph.js.map
+exports.P1 = require_paragraph.P1;
+exports.P2 = require_paragraph.P2;
+exports.P3 = require_paragraph.P3;
+exports.P4 = require_paragraph.P4;

package/lib/text/paragraph.mjs

@@ -1,4 +1,4 @@
-export { P1, P2, P3, P4 } from '../chunk-HQG6Q2EY.mjs';
-import '../chunk-UM7RNC2Y.mjs';
-//# sourceMappingURL=paragraph.mjs.map
-//# sourceMappingURL=paragraph.mjs.map
+import "../constants-BWFuBApI.mjs";
+import { P1, P2, P3, P4 } from "../paragraph-BWXQNQtX.mjs";
+
+export { P1, P2, P3, P4 };

package/lib/theme-8Q9pR2P5.d.mts

@@ -0,0 +1,13 @@
+import { ValuesOf } from "./index-CgixcmUN.mjs";
+
+//#region src/constants/theme.d.ts
+declare const THEME: {
+  readonly normal: "normal";
+  readonly photography: "photography";
+  readonly transparent: "transparent";
+  readonly index: "index";
+};
+type Theme = ValuesOf<typeof THEME>;
+//#endregion
+export { THEME, Theme };
+//# sourceMappingURL=theme-8Q9pR2P5.d.mts.map

package/lib/theme-BDGfJ8n-.d.ts

@@ -0,0 +1,13 @@
+import { ValuesOf } from "./index-H3peA2d_.js";
+
+//#region src/constants/theme.d.ts
+declare const THEME: {
+  readonly normal: "normal";
+  readonly photography: "photography";
+  readonly transparent: "transparent";
+  readonly index: "index";
+};
+type Theme = ValuesOf<typeof THEME>;
+//#endregion
+export { THEME, Theme };
+//# sourceMappingURL=theme-BDGfJ8n-.d.ts.map

package/lib/theme-BG6yZVj-.mjs

@@ -0,0 +1,11 @@
+//#region src/constants/theme.ts
+const THEME = {
+	normal: "normal",
+	photography: "photography",
+	transparent: "transparent",
+	index: "index"
+};
+
+//#endregion
+export { THEME };
+//# sourceMappingURL=theme-BG6yZVj-.mjs.map

package/lib/theme-BG6yZVj-.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-BG6yZVj-.mjs","names":[],"sources":["../src/constants/theme.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const THEME = {\n  normal: 'normal',\n  photography: 'photography',\n  transparent: 'transparent',\n  index: 'index',\n} as const\n\nexport type Theme = ValuesOf<typeof THEME>\n"],"mappings":";AAEA,MAAa,QAAQ;CACnB,QAAQ;CACR,aAAa;CACb,aAAa;CACb,OAAO;CACR"}

package/lib/theme-DDBlIbeS.js

@@ -0,0 +1,17 @@
+
+//#region src/constants/theme.ts
+const THEME = {
+	normal: "normal",
+	photography: "photography",
+	transparent: "transparent",
+	index: "index"
+};
+
+//#endregion
+Object.defineProperty(exports, 'THEME', {
+  enumerable: true,
+  get: function () {
+    return THEME;
+  }
+});
+//# sourceMappingURL=theme-DDBlIbeS.js.map

package/lib/theme-DDBlIbeS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-DDBlIbeS.js","names":[],"sources":["../src/constants/theme.ts"],"sourcesContent":["import type { ValuesOf } from '../types'\n\nexport const THEME = {\n  normal: 'normal',\n  photography: 'photography',\n  transparent: 'transparent',\n  index: 'index',\n} as const\n\nexport type Theme = ValuesOf<typeof THEME>\n"],"mappings":";;AAEA,MAAa,QAAQ;CACnB,QAAQ;CACR,aAAa;CACb,aAAa;CACb,OAAO;CACR"}

package/lib/title-bar/index.d.mts

@@ -1,26 +1,58 @@
-import { Tab } from './components/title-tab/type.mjs';
-import * as react from 'react';
-export { default as Title2 } from './components/title2.mjs';
-export { default as Title1 } from './components/title1.mjs';
-export { default as TitleTab } from './components/title-tab/index.mjs';
+import * as react11 from "react";
+import React$1, { FC } from "react";
 
+//#region src/title-bar/components/title-tab/type.d.ts
+type Tab = {
+  text: string;
+  link: string;
+  isExternal?: boolean;
+  isActive?: boolean;
+};
+//#endregion
+//#region src/title-bar/components/title2.d.ts
+type Title2Props = {
+  title: string;
+  subtitle?: string;
+  renderButton?: React$1.ReactNode;
+  className?: string;
+};
+declare const Title2: React$1.FC<Title2Props>;
+//#endregion
+//#region src/title-bar/components/title1.d.ts
+type Title1Props = {
+  title: string;
+  subtitle?: string;
+  className?: string;
+};
+declare const Title1: FC<Title1Props>;
+//#endregion
+//#region src/title-bar/components/title-tab/index.d.ts
+type TitleTabProps = {
+  title: string;
+  tabs: Tab[];
+  activeTabIndex?: number;
+};
+declare const TitleTab: FC<TitleTabProps>;
+//#endregion
+//#region src/title-bar/index.d.ts
 declare const _default: {
-    Title2: react.FC<{
-        title: string;
-        subtitle?: string;
-        renderButton?: React.ReactNode;
-        className?: string;
-    }>;
-    Title1: react.FC<{
-        title: string;
-        subtitle?: string;
-        className?: string;
-    }>;
-    TitleTab: react.FC<{
-        title: string;
-        tabs: Tab[];
-        activeTabIndex?: number;
-    }>;
+  Title2: react11.FC<{
+    title: string;
+    subtitle?: string;
+    renderButton?: React.ReactNode;
+    className?: string;
+  }>;
+  Title1: react11.FC<{
+    title: string;
+    subtitle?: string;
+    className?: string;
+  }>;
+  TitleTab: react11.FC<{
+    title: string;
+    tabs: Tab[];
+    activeTabIndex?: number;
+  }>;
 };
-
-export { _default as default };
+//#endregion
+export { Title1, Title2, TitleTab, _default as default };
+//# sourceMappingURL=index.d.mts.map

package/lib/title-bar/index.d.ts

@@ -1,26 +1,58 @@
-import { Tab } from './components/title-tab/type.js';
-import * as react from 'react';
-export { default as Title2 } from './components/title2.js';
-export { default as Title1 } from './components/title1.js';
-export { default as TitleTab } from './components/title-tab/index.js';
+import * as react11 from "react";
+import React$1, { FC } from "react";
 
+//#region src/title-bar/components/title-tab/type.d.ts
+type Tab = {
+  text: string;
+  link: string;
+  isExternal?: boolean;
+  isActive?: boolean;
+};
+//#endregion
+//#region src/title-bar/components/title2.d.ts
+type Title2Props = {
+  title: string;
+  subtitle?: string;
+  renderButton?: React$1.ReactNode;
+  className?: string;
+};
+declare const Title2: React$1.FC<Title2Props>;
+//#endregion
+//#region src/title-bar/components/title1.d.ts
+type Title1Props = {
+  title: string;
+  subtitle?: string;
+  className?: string;
+};
+declare const Title1: FC<Title1Props>;
+//#endregion
+//#region src/title-bar/components/title-tab/index.d.ts
+type TitleTabProps = {
+  title: string;
+  tabs: Tab[];
+  activeTabIndex?: number;
+};
+declare const TitleTab: FC<TitleTabProps>;
+//#endregion
+//#region src/title-bar/index.d.ts
 declare const _default: {
-    Title2: react.FC<{
-        title: string;
-        subtitle?: string;
-        renderButton?: React.ReactNode;
-        className?: string;
-    }>;
-    Title1: react.FC<{
-        title: string;
-        subtitle?: string;
-        className?: string;
-    }>;
-    TitleTab: react.FC<{
-        title: string;
-        tabs: Tab[];
-        activeTabIndex?: number;
-    }>;
+  Title2: react11.FC<{
+    title: string;
+    subtitle?: string;
+    renderButton?: React.ReactNode;
+    className?: string;
+  }>;
+  Title1: react11.FC<{
+    title: string;
+    subtitle?: string;
+    className?: string;
+  }>;
+  TitleTab: react11.FC<{
+    title: string;
+    tabs: Tab[];
+    activeTabIndex?: number;
+  }>;
 };
-
-export { _default as default };
+//#endregion
+export { Title1, Title2, TitleTab, _default as default };
+//# sourceMappingURL=index.d.ts.map