dash-ui-kit 1.0.93 → 2.0.0-dev

package/dist/react/components/heading/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/react/components/heading/index.tsx"],"sourcesContent":["import React from 'react'\nimport { useTheme } from '../../contexts/ThemeContext'\n\ninterface HeadingProps {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'\n  weight?: 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold'\n  color?: 'black' | 'gray' | 'blue' | 'red' | 'green'\n  className?: string\n  children: React.ReactNode\n}\n\nconst sizeClasses = {\n  xs: 'text-xs',\n  sm: 'text-sm', \n  md: 'text-base',\n  lg: 'text-lg',\n  xl: 'text-xl',\n  '2xl': 'text-[2.375rem] leading-[1.3]',\n  '3xl': 'text-[3rem] leading-[1.2]'\n}\n\nconst weightClasses = {\n  normal: 'font-normal',\n  medium: 'font-medium', \n  semibold: 'font-semibold',\n  bold: 'font-bold',\n  extrabold: 'font-extrabold'\n}\n\nconst colorClasses = {\n  light: {\n    black: 'text-black',\n    gray: 'text-gray-600',\n    blue: 'text-blue-600', \n    red: 'text-red-600',\n    green: 'text-green-600'\n  },\n  dark: {\n    black: 'text-white',\n    gray: 'text-gray-300',\n    blue: 'text-blue-400', \n    red: 'text-red-400',\n    green: 'text-green-400'\n  }\n}\n\nexport const Heading: React.FC<HeadingProps> = ({ \n  as = 'h1',\n  size = '2xl',\n  weight = 'extrabold', \n  color = 'black',\n  className = '',\n  children\n}) => {\n  const { theme } = useTheme()\n  const Component = as\n  \n  const classes = [\n    sizeClasses[size],\n    weightClasses[weight],\n    colorClasses[theme][color],\n    'tracking-[-0.4px]',\n    className\n  ].filter(Boolean).join(' ')\n\n  return (\n    <Component className={classes}>\n      {children}\n    </Component>\n  )\n}\n\nexport type { HeadingProps } "],"names":["sizeClasses","xs","sm","md","lg","xl","weightClasses","normal","medium","semibold","bold","extrabold","colorClasses","light","black","gray","blue","red","green","dark","Heading","as","size","weight","color","className","children","theme","useTheme","Component","classes","filter","Boolean","join","_jsx"],"mappings":";;;;;;;AAYA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,EAAE,EAAE,SAAS;AACbC,EAAAA,EAAE,EAAE,SAAS;AACbC,EAAAA,EAAE,EAAE,WAAW;AACfC,EAAAA,EAAE,EAAE,SAAS;AACbC,EAAAA,EAAE,EAAE,SAAS;AACb,EAAA,KAAK,EAAE,+BAA+B;AACtC,EAAA,KAAK,EAAE;CACR;AAED,MAAMC,aAAa,GAAG;AACpBC,EAAAA,MAAM,EAAE,aAAa;AACrBC,EAAAA,MAAM,EAAE,aAAa;AACrBC,EAAAA,QAAQ,EAAE,eAAe;AACzBC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,SAAS,EAAE;CACZ;AAED,MAAMC,YAAY,GAAG;AACnBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,YAAY;AACnBC,IAAAA,IAAI,EAAE,eAAe;AACrBC,IAAAA,IAAI,EAAE,eAAe;AACrBC,IAAAA,GAAG,EAAE,cAAc;AACnBC,IAAAA,KAAK,EAAE;GACR;AACDC,EAAAA,IAAI,EAAE;AACJL,IAAAA,KAAK,EAAE,YAAY;AACnBC,IAAAA,IAAI,EAAE,eAAe;AACrBC,IAAAA,IAAI,EAAE,eAAe;AACrBC,IAAAA,GAAG,EAAE,cAAc;AACnBC,IAAAA,KAAK,EAAE;AACR;CACF;AAEM,MAAME,OAAO,GAA2BA,CAAC;AAC9CC,EAAAA,EAAE,GAAG,IAAI;AACTC,EAAAA,IAAI,GAAG,KAAK;AACZC,EAAAA,MAAM,GAAG,WAAW;AACpBC,EAAAA,KAAK,GAAG,OAAO;AACfC,EAAAA,SAAS,GAAG,EAAE;AACdC,EAAAA;AAAQ,CACT,KAAI;EACH,MAAM;AAAEC,IAAAA;GAAO,GAAGC,qBAAQ,EAAE;EAC5B,MAAMC,SAAS,GAAGR,EAAE;AAEpB,EAAA,MAAMS,OAAO,GAAG,CACd9B,WAAW,CAACsB,IAAI,CAAC,EACjBhB,aAAa,CAACiB,MAAM,CAAC,EACrBX,YAAY,CAACe,KAAK,CAAC,CAACH,KAAK,CAAC,EAC1B,mBAAmB,EACnBC,SAAS,CACV,CAACM,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EAE3B,OACEC,cAAC,CAAAL,SAAS,EAAC;AAAAJ,IAAAA,SAAS,EAAEK,OAAO;AAC1BJ,IAAAA,QAAA,EAAAA;AACS,GAAA,CAAA;AAEhB;;;;"}

package/dist/react/components/heading/index.esm.js

@@ -0,0 +1,58 @@
+"use client";
+
+import { jsx } from 'react/jsx-runtime';
+import { useTheme } from '../../contexts/ThemeContext.esm.js';
+
+const sizeClasses = {
+  xs: 'text-xs',
+  sm: 'text-sm',
+  md: 'text-base',
+  lg: 'text-lg',
+  xl: 'text-xl',
+  '2xl': 'text-[2.375rem] leading-[1.3]',
+  '3xl': 'text-[3rem] leading-[1.2]'
+};
+const weightClasses = {
+  normal: 'font-normal',
+  medium: 'font-medium',
+  semibold: 'font-semibold',
+  bold: 'font-bold',
+  extrabold: 'font-extrabold'
+};
+const colorClasses = {
+  light: {
+    black: 'text-black',
+    gray: 'text-gray-600',
+    blue: 'text-blue-600',
+    red: 'text-red-600',
+    green: 'text-green-600'
+  },
+  dark: {
+    black: 'text-white',
+    gray: 'text-gray-300',
+    blue: 'text-blue-400',
+    red: 'text-red-400',
+    green: 'text-green-400'
+  }
+};
+const Heading = ({
+  as = 'h1',
+  size = '2xl',
+  weight = 'extrabold',
+  color = 'black',
+  className = '',
+  children
+}) => {
+  const {
+    theme
+  } = useTheme();
+  const Component = as;
+  const classes = [sizeClasses[size], weightClasses[weight], colorClasses[theme][color], 'tracking-[-0.4px]', className].filter(Boolean).join(' ');
+  return jsx(Component, {
+    className: classes,
+    children: children
+  });
+};
+
+export { Heading };
+//# sourceMappingURL=index.esm.js.map

package/dist/react/components/heading/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/react/components/heading/index.tsx"],"sourcesContent":["import React from 'react'\nimport { useTheme } from '../../contexts/ThemeContext'\n\ninterface HeadingProps {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'\n  weight?: 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold'\n  color?: 'black' | 'gray' | 'blue' | 'red' | 'green'\n  className?: string\n  children: React.ReactNode\n}\n\nconst sizeClasses = {\n  xs: 'text-xs',\n  sm: 'text-sm', \n  md: 'text-base',\n  lg: 'text-lg',\n  xl: 'text-xl',\n  '2xl': 'text-[2.375rem] leading-[1.3]',\n  '3xl': 'text-[3rem] leading-[1.2]'\n}\n\nconst weightClasses = {\n  normal: 'font-normal',\n  medium: 'font-medium', \n  semibold: 'font-semibold',\n  bold: 'font-bold',\n  extrabold: 'font-extrabold'\n}\n\nconst colorClasses = {\n  light: {\n    black: 'text-black',\n    gray: 'text-gray-600',\n    blue: 'text-blue-600', \n    red: 'text-red-600',\n    green: 'text-green-600'\n  },\n  dark: {\n    black: 'text-white',\n    gray: 'text-gray-300',\n    blue: 'text-blue-400', \n    red: 'text-red-400',\n    green: 'text-green-400'\n  }\n}\n\nexport const Heading: React.FC<HeadingProps> = ({ \n  as = 'h1',\n  size = '2xl',\n  weight = 'extrabold', \n  color = 'black',\n  className = '',\n  children\n}) => {\n  const { theme } = useTheme()\n  const Component = as\n  \n  const classes = [\n    sizeClasses[size],\n    weightClasses[weight],\n    colorClasses[theme][color],\n    'tracking-[-0.4px]',\n    className\n  ].filter(Boolean).join(' ')\n\n  return (\n    <Component className={classes}>\n      {children}\n    </Component>\n  )\n}\n\nexport type { HeadingProps } "],"names":["sizeClasses","xs","sm","md","lg","xl","weightClasses","normal","medium","semibold","bold","extrabold","colorClasses","light","black","gray","blue","red","green","dark","Heading","as","size","weight","color","className","children","theme","useTheme","Component","classes","filter","Boolean","join","_jsx"],"mappings":";;;;;AAYA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,EAAE,EAAE,SAAS;AACbC,EAAAA,EAAE,EAAE,SAAS;AACbC,EAAAA,EAAE,EAAE,WAAW;AACfC,EAAAA,EAAE,EAAE,SAAS;AACbC,EAAAA,EAAE,EAAE,SAAS;AACb,EAAA,KAAK,EAAE,+BAA+B;AACtC,EAAA,KAAK,EAAE;CACR;AAED,MAAMC,aAAa,GAAG;AACpBC,EAAAA,MAAM,EAAE,aAAa;AACrBC,EAAAA,MAAM,EAAE,aAAa;AACrBC,EAAAA,QAAQ,EAAE,eAAe;AACzBC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,SAAS,EAAE;CACZ;AAED,MAAMC,YAAY,GAAG;AACnBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,YAAY;AACnBC,IAAAA,IAAI,EAAE,eAAe;AACrBC,IAAAA,IAAI,EAAE,eAAe;AACrBC,IAAAA,GAAG,EAAE,cAAc;AACnBC,IAAAA,KAAK,EAAE;GACR;AACDC,EAAAA,IAAI,EAAE;AACJL,IAAAA,KAAK,EAAE,YAAY;AACnBC,IAAAA,IAAI,EAAE,eAAe;AACrBC,IAAAA,IAAI,EAAE,eAAe;AACrBC,IAAAA,GAAG,EAAE,cAAc;AACnBC,IAAAA,KAAK,EAAE;AACR;CACF;AAEM,MAAME,OAAO,GAA2BA,CAAC;AAC9CC,EAAAA,EAAE,GAAG,IAAI;AACTC,EAAAA,IAAI,GAAG,KAAK;AACZC,EAAAA,MAAM,GAAG,WAAW;AACpBC,EAAAA,KAAK,GAAG,OAAO;AACfC,EAAAA,SAAS,GAAG,EAAE;AACdC,EAAAA;AAAQ,CACT,KAAI;EACH,MAAM;AAAEC,IAAAA;GAAO,GAAGC,QAAQ,EAAE;EAC5B,MAAMC,SAAS,GAAGR,EAAE;AAEpB,EAAA,MAAMS,OAAO,GAAG,CACd9B,WAAW,CAACsB,IAAI,CAAC,EACjBhB,aAAa,CAACiB,MAAM,CAAC,EACrBX,YAAY,CAACe,KAAK,CAAC,CAACH,KAAK,CAAC,EAC1B,mBAAmB,EACnBC,SAAS,CACV,CAACM,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EAE3B,OACEC,GAAC,CAAAL,SAAS,EAAC;AAAAJ,IAAAA,SAAS,EAAEK,OAAO;AAC1BJ,IAAAA,QAAA,EAAAA;AACS,GAAA,CAAA;AAEhB;;;;"}