@algorithm-shift/design-system 1.2.4 → 1.2.5

package/dist/index.d.mts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import * as React$1 from 'react';
+import React__default from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { ClassValue } from 'clsx';
 
@@ -18,6 +19,11 @@ interface ElementProps {
   style?: React.CSSProperties;
 }
 
+interface TypographyProps extends ElementProps {
+  tagName: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
+  textContent: string;
+}
+
 type InputProperties = {
   placeholder?: string;
   regexPattern?: string;
@@ -81,6 +87,11 @@ declare const Flex: ({ children, className, style }: ElementProps) => react_jsx_
 
 declare const Grid: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
 
+declare const Typography: ({ className, style, tagName, textContent, }: TypographyProps) => React__default.DetailedReactHTMLElement<{
+    style: React__default.CSSProperties | undefined;
+    className: string;
+}, HTMLElement>;
+
 declare const TextInput: ({ className, style, ...props }: TextInputProps) => react_jsx_runtime.JSX.Element;
 
 declare const EmailInput: ({ className, style, ...props }: EmailInputProps) => react_jsx_runtime.JSX.Element;
@@ -121,4 +132,4 @@ declare const ImageControl: ({ className, style, imageUrl }: LogoProps) => react
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Button, CheckboxInput, DateRange, Dropdown, EmailInput, Flex as FlexLayout, Grid as GridLayout, ImageControl as Logo, MultiCheckbox, Notification, PasswordInput, PhoneInput, Profile, RadioInput, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput, Textarea, UrlInput, buttonVariants, cn };
+export { Button, CheckboxInput, DateRange, Dropdown, EmailInput, Flex as FlexLayout, Grid as GridLayout, ImageControl as Logo, MultiCheckbox, Notification, PasswordInput, PhoneInput, Profile, RadioInput, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput, Textarea, Typography, UrlInput, buttonVariants, cn };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import * as React$1 from 'react';
+import React__default from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { ClassValue } from 'clsx';
 
@@ -18,6 +19,11 @@ interface ElementProps {
   style?: React.CSSProperties;
 }
 
+interface TypographyProps extends ElementProps {
+  tagName: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
+  textContent: string;
+}
+
 type InputProperties = {
   placeholder?: string;
   regexPattern?: string;
@@ -81,6 +87,11 @@ declare const Flex: ({ children, className, style }: ElementProps) => react_jsx_
 
 declare const Grid: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
 
+declare const Typography: ({ className, style, tagName, textContent, }: TypographyProps) => React__default.DetailedReactHTMLElement<{
+    style: React__default.CSSProperties | undefined;
+    className: string;
+}, HTMLElement>;
+
 declare const TextInput: ({ className, style, ...props }: TextInputProps) => react_jsx_runtime.JSX.Element;
 
 declare const EmailInput: ({ className, style, ...props }: EmailInputProps) => react_jsx_runtime.JSX.Element;
@@ -121,4 +132,4 @@ declare const ImageControl: ({ className, style, imageUrl }: LogoProps) => react
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Button, CheckboxInput, DateRange, Dropdown, EmailInput, Flex as FlexLayout, Grid as GridLayout, ImageControl as Logo, MultiCheckbox, Notification, PasswordInput, PhoneInput, Profile, RadioInput, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput, Textarea, UrlInput, buttonVariants, cn };
+export { Button, CheckboxInput, DateRange, Dropdown, EmailInput, Flex as FlexLayout, Grid as GridLayout, ImageControl as Logo, MultiCheckbox, Notification, PasswordInput, PhoneInput, Profile, RadioInput, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput, Textarea, Typography, UrlInput, buttonVariants, cn };

package/dist/index.js

@@ -51,6 +51,7 @@ __export(index_exports, {
   Tabs: () => Tabs_default,
   TextInput: () => TextInput,
   Textarea: () => Textarea2,
+  Typography: () => Typography_default,
   UrlInput: () => UrlInput,
   buttonVariants: () => buttonVariants,
   cn: () => cn
@@ -137,6 +138,29 @@ var Grid_default = Grid;
 
 // src/components/Basic/Typography/Typography.tsx
 var import_react = __toESM(require("react"));
+var Typography = ({
+  className,
+  style,
+  tagName,
+  textContent
+}) => {
+  const Tag = tagName || "h1";
+  return import_react.default.createElement(
+    Tag,
+    {
+      style,
+      className: cn(className, "pointer-events-auto")
+    },
+    [
+      import_react.default.createElement("span", {
+        key: "html",
+        className: "pointer-events-none",
+        dangerouslySetInnerHTML: { __html: textContent }
+      })
+    ]
+  );
+};
+var Typography_default = Typography;
 
 // src/components/Basic/Shape/Shape.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -1641,6 +1665,7 @@ var Logo_default = ImageControl;
   Tabs,
   TextInput,
   Textarea,
+  Typography,
   UrlInput,
   buttonVariants,
   cn