dash-ui-kit 1.0.94 → 2.1.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'\nimport { useColorScheme } from '../../hooks/useColorScheme'\n\ntype HeadingColor = 'black' | 'gray' | 'blue' | 'red' | 'green'\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?: HeadingColor\n  colorLight?: HeadingColor\n  colorDark?: HeadingColor\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,\n  colorLight,\n  colorDark,\n  className = '',\n  children\n}) => {\n  const { theme } = useTheme()\n  const effectiveColor = useColorScheme(color, colorLight, colorDark) ?? 'black'\n  const Component = as\n  \n  const classes = [\n    sizeClasses[size],\n    weightClasses[weight],\n    colorClasses[theme][effectiveColor],\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","colorLight","colorDark","className","children","theme","useTheme","effectiveColor","_a","useColorScheme","Component","classes","filter","Boolean","join","_jsx"],"mappings":";;;;;;;;AAiBA,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;EACpBC,KAAK;EACLC,UAAU;EACVC,SAAS;AACTC,EAAAA,SAAS,GAAG,EAAE;AACdC,EAAAA;AAAQ,CACT,KAAI;;EACH,MAAM;AAAEC,IAAAA;GAAO,GAAGC,qBAAQ,EAAE;EAC5B,MAAMC,cAAc,GAAG,CAAAC,EAAA,GAAAC,6BAAc,CAACT,KAAK,EAAEC,UAAU,EAAEC,SAAS,CAAC,MAAA,IAAA,IAAAM,EAAA,KAAA,MAAA,GAAAA,EAAA,GAAI,OAAO;EAC9E,MAAME,SAAS,GAAGb,EAAE;AAEpB,EAAA,MAAMc,OAAO,GAAG,CACdnC,WAAW,CAACsB,IAAI,CAAC,EACjBhB,aAAa,CAACiB,MAAM,CAAC,EACrBX,YAAY,CAACiB,KAAK,CAAC,CAACE,cAAc,CAAC,EACnC,mBAAmB,EACnBJ,SAAS,CACV,CAACS,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EAE3B,OACEC,cAAC,CAAAL,SAAS,EAAC;AAAAP,IAAAA,SAAS,EAAEQ,OAAO;AAC1BP,IAAAA,QAAA,EAAAA;AACS,GAAA,CAAA;AAEhB;;;;"}

package/dist/react/components/heading/index.d.ts

@@ -1,9 +1,12 @@
 import React from 'react';
+type HeadingColor = 'black' | 'gray' | 'blue' | 'red' | 'green';
 interface HeadingProps {
     as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
     weight?: 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold';
-    color?: 'black' | 'gray' | 'blue' | 'red' | 'green';
+    color?: HeadingColor;
+    colorLight?: HeadingColor;
+    colorDark?: HeadingColor;
     className?: string;
     children: React.ReactNode;
 }

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

@@ -0,0 +1,63 @@
+"use client";
+
+import { jsx } from 'react/jsx-runtime';
+import { useTheme } from '../../contexts/ThemeContext.esm.js';
+import { useColorScheme } from '../../hooks/useColorScheme.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,
+  colorLight,
+  colorDark,
+  className = '',
+  children
+}) => {
+  var _a;
+  const {
+    theme
+  } = useTheme();
+  const effectiveColor = (_a = useColorScheme(color, colorLight, colorDark)) !== null && _a !== void 0 ? _a : 'black';
+  const Component = as;
+  const classes = [sizeClasses[size], weightClasses[weight], colorClasses[theme][effectiveColor], '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'\nimport { useColorScheme } from '../../hooks/useColorScheme'\n\ntype HeadingColor = 'black' | 'gray' | 'blue' | 'red' | 'green'\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?: HeadingColor\n  colorLight?: HeadingColor\n  colorDark?: HeadingColor\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,\n  colorLight,\n  colorDark,\n  className = '',\n  children\n}) => {\n  const { theme } = useTheme()\n  const effectiveColor = useColorScheme(color, colorLight, colorDark) ?? 'black'\n  const Component = as\n  \n  const classes = [\n    sizeClasses[size],\n    weightClasses[weight],\n    colorClasses[theme][effectiveColor],\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","colorLight","colorDark","className","children","theme","useTheme","effectiveColor","_a","useColorScheme","Component","classes","filter","Boolean","join","_jsx"],"mappings":";;;;;;AAiBA,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;EACpBC,KAAK;EACLC,UAAU;EACVC,SAAS;AACTC,EAAAA,SAAS,GAAG,EAAE;AACdC,EAAAA;AAAQ,CACT,KAAI;;EACH,MAAM;AAAEC,IAAAA;GAAO,GAAGC,QAAQ,EAAE;EAC5B,MAAMC,cAAc,GAAG,CAAAC,EAAA,GAAAC,cAAc,CAACT,KAAK,EAAEC,UAAU,EAAEC,SAAS,CAAC,MAAA,IAAA,IAAAM,EAAA,KAAA,MAAA,GAAAA,EAAA,GAAI,OAAO;EAC9E,MAAME,SAAS,GAAGb,EAAE;AAEpB,EAAA,MAAMc,OAAO,GAAG,CACdnC,WAAW,CAACsB,IAAI,CAAC,EACjBhB,aAAa,CAACiB,MAAM,CAAC,EACrBX,YAAY,CAACiB,KAAK,CAAC,CAACE,cAAc,CAAC,EACnC,mBAAmB,EACnBJ,SAAS,CACV,CAACS,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EAE3B,OACEC,GAAC,CAAAL,SAAS,EAAC;AAAAP,IAAAA,SAAS,EAAEQ,OAAO;AAC1BP,IAAAA,QAAA,EAAAA;AACS,GAAA,CAAA;AAEhB;;;;"}