@namelessdev/typography
Advanced tools
| import React from 'react'; | ||
| import { ClassValue } from '@nameless/helper'; | ||
| import { ClassValue } from '@namelessdev/helper'; | ||
@@ -4,0 +4,0 @@ declare const Blockquote: React.ForwardRefExoticComponent<(Omit<Omit<React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref"> & { |
| import React from 'react'; | ||
| import { ClassValue } from '@nameless/helper'; | ||
| import { ClassValue } from '@namelessdev/helper'; | ||
@@ -4,0 +4,0 @@ declare const Blockquote: React.ForwardRefExoticComponent<(Omit<Omit<React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref"> & { |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"sources":["../src/Blockquote.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,aAAa,MAAM;AAAA,EAC9B,CAAC,EAAE,KAAK,cAAc,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AAC9D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,qCAAqC,SAAS;AAAA,QAEjD;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@nameless/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"blockquote\" | \"a\";\n\ntype BlockquoteElement = React.ElementRef<Blocks>;\n\ntype BlockquoteProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Blockquote = React.forwardRef<BlockquoteElement, BlockquoteProps>(\n ({ as = \"blockquote\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"border-l-4 border-nameless-7 pl-3\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} | ||
| {"version":3,"sources":["../src/Blockquote.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,aAAa,MAAM;AAAA,EAC9B,CAAC,EAAE,KAAK,cAAc,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AAC9D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,qCAAqC,SAAS;AAAA,QAEjD;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@namelessdev/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"blockquote\" | \"a\";\n\ntype BlockquoteElement = React.ElementRef<Blocks>;\n\ntype BlockquoteProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Blockquote = React.forwardRef<BlockquoteElement, BlockquoteProps>(\n ({ as = \"blockquote\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"border-l-4 border-nameless-7 pl-3\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} |
+1
-1
| import React from 'react'; | ||
| import { ClassValue } from '@nameless/helper'; | ||
| import { ClassValue } from '@namelessdev/helper'; | ||
@@ -4,0 +4,0 @@ type Blocks = "code"; |
+1
-1
| import React from 'react'; | ||
| import { ClassValue } from '@nameless/helper'; | ||
| import { ClassValue } from '@namelessdev/helper'; | ||
@@ -4,0 +4,0 @@ type Blocks = "code"; |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"sources":["../src/Code.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAUd,MAAM,OAAO,MAAM;AAAA,EACxB,CAAC,EAAE,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AAC3C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE;AAAA,UACE;AAAA,UACA;AAAA,QACF;AAAA,QAEF,IAAG;AAAA,QACF,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@nameless/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"code\";\n\ntype CodeElement = React.ElementRef<Blocks>;\n\ntype CodeProps = React.ComponentPropsWithRef<Blocks> & {\n className?: ClassValue;\n};\n\nexport const Code = React.forwardRef<CodeElement, CodeProps>(\n ({ children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\n \"font-code bg-blue-950 text-blue-400 px-1 py-[0.2rem] rounded-md\",\n className,\n ] as ClassValue & string\n }\n as=\"code\"\n {...props}\n ref={fref!}\n >\n {children}\n </Text>\n );\n },\n);\n"]} | ||
| {"version":3,"sources":["../src/Code.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAUd,MAAM,OAAO,MAAM;AAAA,EACxB,CAAC,EAAE,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AAC3C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE;AAAA,UACE;AAAA,UACA;AAAA,QACF;AAAA,QAEF,IAAG;AAAA,QACF,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@namelessdev/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"code\";\n\ntype CodeElement = React.ElementRef<Blocks>;\n\ntype CodeProps = React.ComponentPropsWithRef<Blocks> & {\n className?: ClassValue;\n};\n\nexport const Code = React.forwardRef<CodeElement, CodeProps>(\n ({ children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\n \"font-code bg-blue-950 text-blue-400 px-1 py-[0.2rem] rounded-md\",\n className,\n ] as ClassValue & string\n }\n as=\"code\"\n {...props}\n ref={fref!}\n >\n {children}\n </Text>\n );\n },\n);\n"]} |
+1
-1
| import React from 'react'; | ||
| import { ClassValue } from '@nameless/helper'; | ||
| import { ClassValue } from '@namelessdev/helper'; | ||
@@ -4,0 +4,0 @@ type Blocks = "em"; |
+1
-1
| import React from 'react'; | ||
| import { ClassValue } from '@nameless/helper'; | ||
| import { ClassValue } from '@namelessdev/helper'; | ||
@@ -4,0 +4,0 @@ type Blocks = "em"; |
+1
-1
@@ -1,1 +0,1 @@ | ||
| {"version":3,"sources":["../src/Em.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAUd,MAAM,KAAK,MAAM;AAAA,EACtB,CAAC,EAAE,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AAC3C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,kCAAkC,SAAS;AAAA,QAG9C,IAAG;AAAA,QACF,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@nameless/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"em\";\n\ntype EmElement = React.ElementRef<Blocks>;\n\ntype EmProps = React.ComponentPropsWithRef<Blocks> & {\n className?: ClassValue;\n};\n\nexport const Em = React.forwardRef<EmElement, EmProps>(\n ({ children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"italic inline-block font-light\", className] as ClassValue &\n string\n }\n as=\"em\"\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} | ||
| {"version":3,"sources":["../src/Em.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAUd,MAAM,KAAK,MAAM;AAAA,EACtB,CAAC,EAAE,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AAC3C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,kCAAkC,SAAS;AAAA,QAG9C,IAAG;AAAA,QACF,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@namelessdev/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"em\";\n\ntype EmElement = React.ElementRef<Blocks>;\n\ntype EmProps = React.ComponentPropsWithRef<Blocks> & {\n className?: ClassValue;\n};\n\nexport const Em = React.forwardRef<EmElement, EmProps>(\n ({ children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"italic inline-block font-light\", className] as ClassValue &\n string\n }\n as=\"em\"\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"sources":["../../src/Blockquote.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,aAAa,MAAM;AAAA,EAC9B,CAAC,EAAE,KAAK,cAAc,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AAC9D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,qCAAqC,SAAS;AAAA,QAEjD;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@nameless/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"blockquote\" | \"a\";\n\ntype BlockquoteElement = React.ElementRef<Blocks>;\n\ntype BlockquoteProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Blockquote = React.forwardRef<BlockquoteElement, BlockquoteProps>(\n ({ as = \"blockquote\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"border-l-4 border-nameless-7 pl-3\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} | ||
| {"version":3,"sources":["../../src/Blockquote.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,aAAa,MAAM;AAAA,EAC9B,CAAC,EAAE,KAAK,cAAc,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AAC9D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,qCAAqC,SAAS;AAAA,QAEjD;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@namelessdev/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"blockquote\" | \"a\";\n\ntype BlockquoteElement = React.ElementRef<Blocks>;\n\ntype BlockquoteProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Blockquote = React.forwardRef<BlockquoteElement, BlockquoteProps>(\n ({ as = \"blockquote\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"border-l-4 border-nameless-7 pl-3\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"sources":["../../src/Code.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAUd,MAAM,OAAO,MAAM;AAAA,EACxB,CAAC,EAAE,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AAC3C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE;AAAA,UACE;AAAA,UACA;AAAA,QACF;AAAA,QAEF,IAAG;AAAA,QACF,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@nameless/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"code\";\n\ntype CodeElement = React.ElementRef<Blocks>;\n\ntype CodeProps = React.ComponentPropsWithRef<Blocks> & {\n className?: ClassValue;\n};\n\nexport const Code = React.forwardRef<CodeElement, CodeProps>(\n ({ children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\n \"font-code bg-blue-950 text-blue-400 px-1 py-[0.2rem] rounded-md\",\n className,\n ] as ClassValue & string\n }\n as=\"code\"\n {...props}\n ref={fref!}\n >\n {children}\n </Text>\n );\n },\n);\n"]} | ||
| {"version":3,"sources":["../../src/Code.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAUd,MAAM,OAAO,MAAM;AAAA,EACxB,CAAC,EAAE,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AAC3C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE;AAAA,UACE;AAAA,UACA;AAAA,QACF;AAAA,QAEF,IAAG;AAAA,QACF,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@namelessdev/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"code\";\n\ntype CodeElement = React.ElementRef<Blocks>;\n\ntype CodeProps = React.ComponentPropsWithRef<Blocks> & {\n className?: ClassValue;\n};\n\nexport const Code = React.forwardRef<CodeElement, CodeProps>(\n ({ children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\n \"font-code bg-blue-950 text-blue-400 px-1 py-[0.2rem] rounded-md\",\n className,\n ] as ClassValue & string\n }\n as=\"code\"\n {...props}\n ref={fref!}\n >\n {children}\n </Text>\n );\n },\n);\n"]} |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"sources":["../../src/Em.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAUd,MAAM,KAAK,MAAM;AAAA,EACtB,CAAC,EAAE,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AAC3C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,kCAAkC,SAAS;AAAA,QAG9C,IAAG;AAAA,QACF,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@nameless/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"em\";\n\ntype EmElement = React.ElementRef<Blocks>;\n\ntype EmProps = React.ComponentPropsWithRef<Blocks> & {\n className?: ClassValue;\n};\n\nexport const Em = React.forwardRef<EmElement, EmProps>(\n ({ children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"italic inline-block font-light\", className] as ClassValue &\n string\n }\n as=\"em\"\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} | ||
| {"version":3,"sources":["../../src/Em.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAUd,MAAM,KAAK,MAAM;AAAA,EACtB,CAAC,EAAE,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AAC3C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,kCAAkC,SAAS;AAAA,QAG9C,IAAG;AAAA,QACF,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@namelessdev/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"em\";\n\ntype EmElement = React.ElementRef<Blocks>;\n\ntype EmProps = React.ComponentPropsWithRef<Blocks> & {\n className?: ClassValue;\n};\n\nexport const Em = React.forwardRef<EmElement, EmProps>(\n ({ children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"italic inline-block font-light\", className] as ClassValue &\n string\n }\n as=\"em\"\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"sources":["../../src/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,UAAU,MAAM;AAAA,EAC3B,CAAC,EAAE,KAAK,MAAM,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AACtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,2BAA2B,SAAS;AAAA,QAEvC;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@nameless/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\ntype HeadingElement = React.ElementRef<Blocks>;\n\ntype HeadingProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Heading = React.forwardRef<HeadingElement, HeadingProps>(\n ({ as = \"h3\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"font-extrabold text-2xl\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} | ||
| {"version":3,"sources":["../../src/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,UAAU,MAAM;AAAA,EAC3B,CAAC,EAAE,KAAK,MAAM,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AACtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,2BAA2B,SAAS;AAAA,QAEvC;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@namelessdev/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\ntype HeadingElement = React.ElementRef<Blocks>;\n\ntype HeadingProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Heading = React.forwardRef<HeadingElement, HeadingProps>(\n ({ as = \"h3\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"font-extrabold text-2xl\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} |
+1
-1
@@ -1,1 +0,1 @@ | ||
| import e from"react";import{Text as p}from"./Text";import{Show as t}from"@nameless/flow";import{Box as n}from"@nameless/blocks";const a=new Map(Object.entries({command:"⌘",shift:"⇧",ctrl:"⌃",option:"⌥",enter:"⏎",delete:"⌫",escape:"⎋",tab:"↹",capslock:"⇪",up:"↑",right:"→",down:"↓",left:"←",pageup:"⇞",pagedown:"⇟",home:"↖",end:"↘",help:"?",space:"␣"})),s=e.forwardRef((({as:s="kbd",children:x,className:r,symbol:m,style:o,...l},c)=>e.createElement(p,{className:["bg-unnamed-1 text-nameless-12 rounded-md text-sm","px-2 -py-2 inline-flex items-center min-h-[28px]",r],as:s,style:Object.assign({boxShadow:"\n rgba(221, 234, 248, 0.08) 0px -0.6px 6px 0px inset, \n rgba(241, 247, 254, 0.71) 0px 0.6px 0px 0px inset, \n rgba(216, 244, 246, 0.035) 0px 3px 6px 0px inset, \n rgba(0, 0, 0, 0.9) 0px -1.2px 0px 0px inset, \n rgba(217, 237, 255, 0.25) 0px 0px 0px 0.9px, \n rgba(0, 0, 0, 0.95) 0px 0.96px 2.04px 0px\n"},o),...l,ref:c},e.createElement(t,{when:Boolean(m)},e.createElement(n,{as:"span",className:"mr-2 text-xl"},a.get(m))),x)));export{s as Kbd};//# sourceMappingURL=Kbd.js.map | ||
| import e from"react";import{Text as p}from"./Text";import{Show as t}from"@namelessdev/flow";import{Box as n}from"@namelessdev/blocks";const a=new Map(Object.entries({command:"⌘",shift:"⇧",ctrl:"⌃",option:"⌥",enter:"⏎",delete:"⌫",escape:"⎋",tab:"↹",capslock:"⇪",up:"↑",right:"→",down:"↓",left:"←",pageup:"⇞",pagedown:"⇟",home:"↖",end:"↘",help:"?",space:"␣"})),s=e.forwardRef((({as:s="kbd",children:x,className:r,symbol:m,style:o,...l},c)=>e.createElement(p,{className:["bg-unnamed-1 text-nameless-12 rounded-md text-sm","px-2 -py-2 inline-flex items-center min-h-[28px]",r],as:s,style:Object.assign({boxShadow:"\n rgba(221, 234, 248, 0.08) 0px -0.6px 6px 0px inset, \n rgba(241, 247, 254, 0.71) 0px 0.6px 0px 0px inset, \n rgba(216, 244, 246, 0.035) 0px 3px 6px 0px inset, \n rgba(0, 0, 0, 0.9) 0px -1.2px 0px 0px inset, \n rgba(217, 237, 255, 0.25) 0px 0px 0px 0.9px, \n rgba(0, 0, 0, 0.95) 0px 0.96px 2.04px 0px\n"},o),...l,ref:c},e.createElement(t,{when:Boolean(m)},e.createElement(n,{as:"span",className:"mr-2 text-xl"},a.get(m))),x)));export{s as Kbd};//# sourceMappingURL=Kbd.js.map |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"sources":["../../src/Kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,WAAW;AAiBpB,MAAM,YAAY,IAAI;AAAA,EACpB,OAAO,QAAQ;AAAA,IACb,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,UAAU;AAAA,IACV,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT,CAAC;AACH;AAEA,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShB,MAAM,MAAM,MAAM;AAAA,EACvB,CAAC,EAAE,KAAK,OAAO,UAAU,WAAW,QAAQ,OAAO,GAAG,MAAM,GAAG,SAAS;AACtE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAEF;AAAA,QACA,OAAO,OAAO,OAAO,EAAE,WAAW,eAAe,GAAG,KAAK;AAAA,QACxD,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEL,oCAAC,QAAK,MAAM,QAAQ,MAAM,KACxB,oCAAC,OAAI,IAAG,QAAO,WAAU,kBACtB,UAAU,IAAI,MAAO,CACxB,CACF;AAAA,MACC;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@nameless/helper\";\nimport { Text } from \"./Text\";\nimport { Show } from \"@nameless/flow\";\nimport { Box } from \"@nameless/blocks\";\n\ntype Blocks = \"kbd\" | \"a\";\n\ntype KbdElement = React.ElementRef<Blocks>;\n\ntype KbdProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n symbol?: KbdKey;\n};\n\ntype KbdKey = | \"command\" | \"shift\" | \"ctrl\" | \"option\" | \"enter\"\n | \"delete\" | \"escape\" | \"tab\" | \"capslock\" | \"up\"\n | \"right\" | \"down\" | \"left\" | \"pageup\" | \"pagedown\"\n | \"home\" | \"end\" | \"help\" | \"space\";\n\nconst SymbolKey = new Map(\n Object.entries({\n command: \"⌘\",\n shift: \"⇧\",\n ctrl: \"⌃\",\n option: \"⌥\",\n enter: \"⏎\",\n delete: \"⌫\",\n escape: \"⎋\",\n tab: \"↹\",\n capslock: \"⇪\",\n up: \"↑\",\n right: \"→\",\n down: \"↓\",\n left: \"←\",\n pageup: \"⇞\",\n pagedown: \"⇟\",\n home: \"↖\",\n end: \"↘\",\n help: \"?\",\n space: \"␣\",\n }) as Array<[KbdKey, string]>,\n);\n\nconst boxShadowStyle = `\n rgba(221, 234, 248, 0.08) 0px -0.6px 6px 0px inset, \n rgba(241, 247, 254, 0.71) 0px 0.6px 0px 0px inset, \n rgba(216, 244, 246, 0.035) 0px 3px 6px 0px inset, \n rgba(0, 0, 0, 0.9) 0px -1.2px 0px 0px inset, \n rgba(217, 237, 255, 0.25) 0px 0px 0px 0.9px, \n rgba(0, 0, 0, 0.95) 0px 0.96px 2.04px 0px\n`;\n\nexport const Kbd = React.forwardRef<KbdElement, KbdProps>(\n ({ as = \"kbd\", children, className, symbol, style, ...props }, fref) => {\n return (\n <Text\n className={\n [\n \"bg-unnamed-1 text-nameless-12 rounded-md text-sm\",\n \"px-2 -py-2 inline-flex items-center min-h-[28px]\",\n className,\n ] as ClassValue & string\n }\n as={as}\n style={Object.assign({ boxShadow: boxShadowStyle }, style)}\n {...props}\n ref={fref}\n >\n <Show when={Boolean(symbol)}>\n <Box as=\"span\" className=\"mr-2 text-xl\">\n {SymbolKey.get(symbol!)}\n </Box>\n </Show>\n {children}\n </Text>\n );\n },\n);\n"]} | ||
| {"version":3,"sources":["../../src/Kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,WAAW;AAiBpB,MAAM,YAAY,IAAI;AAAA,EACpB,OAAO,QAAQ;AAAA,IACb,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,UAAU;AAAA,IACV,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT,CAAC;AACH;AAEA,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShB,MAAM,MAAM,MAAM;AAAA,EACvB,CAAC,EAAE,KAAK,OAAO,UAAU,WAAW,QAAQ,OAAO,GAAG,MAAM,GAAG,SAAS;AACtE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAEF;AAAA,QACA,OAAO,OAAO,OAAO,EAAE,WAAW,eAAe,GAAG,KAAK;AAAA,QACxD,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEL,oCAAC,QAAK,MAAM,QAAQ,MAAM,KACxB,oCAAC,OAAI,IAAG,QAAO,WAAU,kBACtB,UAAU,IAAI,MAAO,CACxB,CACF;AAAA,MACC;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@namelessdev/helper\";\nimport { Text } from \"./Text\";\nimport { Show } from \"@namelessdev/flow\";\nimport { Box } from \"@namelessdev/blocks\";\n\ntype Blocks = \"kbd\" | \"a\";\n\ntype KbdElement = React.ElementRef<Blocks>;\n\ntype KbdProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n symbol?: KbdKey;\n};\n\ntype KbdKey = | \"command\" | \"shift\" | \"ctrl\" | \"option\" | \"enter\"\n | \"delete\" | \"escape\" | \"tab\" | \"capslock\" | \"up\"\n | \"right\" | \"down\" | \"left\" | \"pageup\" | \"pagedown\"\n | \"home\" | \"end\" | \"help\" | \"space\";\n\nconst SymbolKey = new Map(\n Object.entries({\n command: \"⌘\",\n shift: \"⇧\",\n ctrl: \"⌃\",\n option: \"⌥\",\n enter: \"⏎\",\n delete: \"⌫\",\n escape: \"⎋\",\n tab: \"↹\",\n capslock: \"⇪\",\n up: \"↑\",\n right: \"→\",\n down: \"↓\",\n left: \"←\",\n pageup: \"⇞\",\n pagedown: \"⇟\",\n home: \"↖\",\n end: \"↘\",\n help: \"?\",\n space: \"␣\",\n }) as Array<[KbdKey, string]>,\n);\n\nconst boxShadowStyle = `\n rgba(221, 234, 248, 0.08) 0px -0.6px 6px 0px inset, \n rgba(241, 247, 254, 0.71) 0px 0.6px 0px 0px inset, \n rgba(216, 244, 246, 0.035) 0px 3px 6px 0px inset, \n rgba(0, 0, 0, 0.9) 0px -1.2px 0px 0px inset, \n rgba(217, 237, 255, 0.25) 0px 0px 0px 0.9px, \n rgba(0, 0, 0, 0.95) 0px 0.96px 2.04px 0px\n`;\n\nexport const Kbd = React.forwardRef<KbdElement, KbdProps>(\n ({ as = \"kbd\", children, className, symbol, style, ...props }, fref) => {\n return (\n <Text\n className={\n [\n \"bg-unnamed-1 text-nameless-12 rounded-md text-sm\",\n \"px-2 -py-2 inline-flex items-center min-h-[28px]\",\n className,\n ] as ClassValue & string\n }\n as={as}\n style={Object.assign({ boxShadow: boxShadowStyle }, style)}\n {...props}\n ref={fref}\n >\n <Show when={Boolean(symbol)}>\n <Box as=\"span\" className=\"mr-2 text-xl\">\n {SymbolKey.get(symbol!)}\n </Box>\n </Show>\n {children}\n </Text>\n );\n },\n);\n"]} |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"sources":["../../src/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,OAAO,MAAM;AAAA,EACxB,CAAC,EAAE,KAAK,KAAK,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AACrD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,kBAAkB,SAAS;AAAA,QAE9B;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@nameless/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"a\";\n\ntype LinkElement = React.ElementRef<Blocks>;\n\ntype LinkProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Link = React.forwardRef<LinkElement, LinkProps>(\n ({ as = \"a\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"text-[#B19EFF]\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} | ||
| {"version":3,"sources":["../../src/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,OAAO,MAAM;AAAA,EACxB,CAAC,EAAE,KAAK,KAAK,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AACrD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,kBAAkB,SAAS;AAAA,QAE9B;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@namelessdev/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"a\";\n\ntype LinkElement = React.ElementRef<Blocks>;\n\ntype LinkProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Link = React.forwardRef<LinkElement, LinkProps>(\n ({ as = \"a\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"text-[#B19EFF]\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"sources":["../../src/Quote.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,QAAQ,MAAM;AAAA,EACzB,CAAC,EAAE,KAAK,KAAK,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AACrD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,qBAAqB,SAAS;AAAA,QAEjC;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@nameless/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"q\" | \"a\";\n\ntype QuoteElement = React.ElementRef<Blocks>;\n\ntype QuoteProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Quote = React.forwardRef<QuoteElement, QuoteProps>(\n ({ as = \"q\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"italic font-light\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} | ||
| {"version":3,"sources":["../../src/Quote.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,QAAQ,MAAM;AAAA,EACzB,CAAC,EAAE,KAAK,KAAK,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AACrD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,qBAAqB,SAAS;AAAA,QAEjC;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@namelessdev/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"q\" | \"a\";\n\ntype QuoteElement = React.ElementRef<Blocks>;\n\ntype QuoteProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Quote = React.forwardRef<QuoteElement, QuoteProps>(\n ({ as = \"q\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"italic font-light\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"sources":["../../src/Strong.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,SAAS,MAAM;AAAA,EAC1B,CAAC,EAAE,KAAK,UAAU,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,kBAAkB,SAAS;AAAA,QAE9B;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@nameless/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"strong\" | \"a\";\n\ntype StrongElement = React.ElementRef<Blocks>;\n\ntype StrongProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Strong = React.forwardRef<StrongElement, StrongProps>(\n ({ as = \"strong\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"font-extrabold\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} | ||
| {"version":3,"sources":["../../src/Strong.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,SAAS,MAAM;AAAA,EAC1B,CAAC,EAAE,KAAK,UAAU,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,kBAAkB,SAAS;AAAA,QAE9B;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@namelessdev/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"strong\" | \"a\";\n\ntype StrongElement = React.ElementRef<Blocks>;\n\ntype StrongProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Strong = React.forwardRef<StrongElement, StrongProps>(\n ({ as = \"strong\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"font-extrabold\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} |
@@ -1,1 +0,1 @@ | ||
| import e from"react";import{cn as t}from"@nameless/helper";import{overreding as a,retrive as r}from"@nameless/slots";const s=e.forwardRef((({as:s="p",className:n,children:l,...m},c)=>{const o=a.assign((e=>({className:t("text-neutral-13",e.className,n)||null,style:Object.assign({},{textDecorationThickness:"min(2px,max(1px,.05em))",textUnderlineOffset:"calc(.025em + 2px)"},e.style||{})}))),{Parent:i,Default:p}=r(l,{name:"parent",overreding:o});return i.has?e.createElement(i,null):e.createElement(s,{ref:c,...o(m)},e.createElement(p,null))}));export{s as Text};//# sourceMappingURL=Text.js.map | ||
| import e from"react";import{cn as t}from"@namelessdev/helper";import{overreding as a,retrive as r}from"@namelessdev/slots";const s=e.forwardRef((({as:s="p",className:n,children:l,...m},c)=>{const o=a.assign((e=>({className:t("text-neutral-13",e.className,n)||null,style:Object.assign({},{textDecorationThickness:"min(2px,max(1px,.05em))",textUnderlineOffset:"calc(.025em + 2px)"},e.style||{})}))),{Parent:i,Default:p}=r(l,{name:"parent",overreding:o});return i.has?e.createElement(i,null):e.createElement(s,{ref:c,...o(m)},e.createElement(p,null))}));export{s as Text};//# sourceMappingURL=Text.js.map |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"sources":["../../src/Text.tsx"],"names":["props"],"mappings":"AAAA,OAAO,WAAW;AAClB,SAAqB,UAAU;AAC/B,SAAS,SAAS,cAAc,SAAS;AAuBlC,MAAM,OAAO,MAAM;AAAA,EACxB,CAAC,EAAE,IAAI,KAAK,KAAK,WAAW,UAAU,GAAG,MAAM,GAAG,SAAS;AACzD,UAAM,UAAU,EAAE,OAAO,CAAAA,YAAU;AAAA,MACjC,WAAW,GAAG,mBAAmBA,OAAM,WAAqB,SAAS,KAAK;AAAA,MAC1E,OAAO,OAAO,OAAO,CAAC,GAAG;AAAA,QACvB,yBAAyB;AAAA,QACzB,qBAAqB;AAAA,MACvB,GAAGA,OAAM,SAAS,CAAC,CAAC;AAAA,IACtB,EAAE;AAEF,UAAM,EAAE,QAAQ,QAAQ,IAAI,QAAQ,UAAU;AAAA,MAC5C,MAAM;AAAA,MACN,YAAY;AAAA,IACd,CAAC;AAED,QAAI,CAAC,OAAO;AACV,aACE,oCAAC,MAAG,KAAK,MAAO,GAAG,QAAQ,KAAY,KACrC,oCAAC,aAAQ,CACX;AAAA;AAEC,aAAO,oCAAC,YAAO;AAAA,EACtB;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue, cn } from \"@nameless/helper\";\nimport { retrive, overreding as O } from \"@nameless/slots\";\n\ntype Blocks =\n | \"p\"\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"h5\"\n | \"h6\"\n | \"em\"\n | \"kbd\"\n | \"code\"\n | \"a\";\n\ntype TextElement = React.ElementRef<Blocks>;\n\ntype TextProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\n\nexport const Text = React.forwardRef<TextElement, TextProps>(\n ({ as: As = \"p\", className, children, ...props }, fref) => {\n const propses = O.assign(props => ({\n className: cn(\"text-neutral-13\", props.className as string, className) || null,\n style: Object.assign({}, {\n textDecorationThickness: \"min(2px,max(1px,.05em))\",\n textUnderlineOffset: \"calc(.025em + 2px)\",\n }, props.style || {}),\n }))\n\n const { Parent, Default } = retrive(children, {\n name: \"parent\",\n overreding: propses,\n })\n\n if (!Parent.has)\n return (\n <As ref={fref} {...propses(props as any)}>\n <Default />\n </As>\n );\n else return <Parent />\n },\n);\n"]} | ||
| {"version":3,"sources":["../../src/Text.tsx"],"names":["props"],"mappings":"AAAA,OAAO,WAAW;AAClB,SAAqB,UAAU;AAC/B,SAAS,SAAS,cAAc,SAAS;AAuBlC,MAAM,OAAO,MAAM;AAAA,EACxB,CAAC,EAAE,IAAI,KAAK,KAAK,WAAW,UAAU,GAAG,MAAM,GAAG,SAAS;AACzD,UAAM,UAAU,EAAE,OAAO,CAAAA,YAAU;AAAA,MACjC,WAAW,GAAG,mBAAmBA,OAAM,WAAqB,SAAS,KAAK;AAAA,MAC1E,OAAO,OAAO,OAAO,CAAC,GAAG;AAAA,QACvB,yBAAyB;AAAA,QACzB,qBAAqB;AAAA,MACvB,GAAGA,OAAM,SAAS,CAAC,CAAC;AAAA,IACtB,EAAE;AAEF,UAAM,EAAE,QAAQ,QAAQ,IAAI,QAAQ,UAAU;AAAA,MAC5C,MAAM;AAAA,MACN,YAAY;AAAA,IACd,CAAC;AAED,QAAI,CAAC,OAAO;AACV,aACE,oCAAC,MAAG,KAAK,MAAO,GAAG,QAAQ,KAAY,KACrC,oCAAC,aAAQ,CACX;AAAA;AAEC,aAAO,oCAAC,YAAO;AAAA,EACtB;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue, cn } from \"@namelessdev/helper\";\nimport { retrive, overreding as O } from \"@namelessdev/slots\";\n\ntype Blocks =\n | \"p\"\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"h5\"\n | \"h6\"\n | \"em\"\n | \"kbd\"\n | \"code\"\n | \"a\";\n\ntype TextElement = React.ElementRef<Blocks>;\n\ntype TextProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\n\nexport const Text = React.forwardRef<TextElement, TextProps>(\n ({ as: As = \"p\", className, children, ...props }, fref) => {\n const propses = O.assign(props => ({\n className: cn(\"text-neutral-13\", props.className as string, className) || null,\n style: Object.assign({}, {\n textDecorationThickness: \"min(2px,max(1px,.05em))\",\n textUnderlineOffset: \"calc(.025em + 2px)\",\n }, props.style || {}),\n }))\n\n const { Parent, Default } = retrive(children, {\n name: \"parent\",\n overreding: propses,\n })\n\n if (!Parent.has)\n return (\n <As ref={fref} {...propses(props as any)}>\n <Default />\n </As>\n );\n else return <Parent />\n },\n);\n"]} |
| import React from 'react'; | ||
| import { ClassValue } from '@nameless/helper'; | ||
| import { ClassValue } from '@namelessdev/helper'; | ||
@@ -4,0 +4,0 @@ type Blocks = "h1" | "h2" | "h3" | "h4" | "h5" | "h6"; |
| import React from 'react'; | ||
| import { ClassValue } from '@nameless/helper'; | ||
| import { ClassValue } from '@namelessdev/helper'; | ||
@@ -4,0 +4,0 @@ type Blocks = "h1" | "h2" | "h3" | "h4" | "h5" | "h6"; |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"sources":["../src/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,UAAU,MAAM;AAAA,EAC3B,CAAC,EAAE,KAAK,MAAM,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AACtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,2BAA2B,SAAS;AAAA,QAEvC;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@nameless/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\ntype HeadingElement = React.ElementRef<Blocks>;\n\ntype HeadingProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Heading = React.forwardRef<HeadingElement, HeadingProps>(\n ({ as = \"h3\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"font-extrabold text-2xl\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} | ||
| {"version":3,"sources":["../src/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,UAAU,MAAM;AAAA,EAC3B,CAAC,EAAE,KAAK,MAAM,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AACtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,2BAA2B,SAAS;AAAA,QAEvC;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@namelessdev/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\ntype HeadingElement = React.ElementRef<Blocks>;\n\ntype HeadingProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Heading = React.forwardRef<HeadingElement, HeadingProps>(\n ({ as = \"h3\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"font-extrabold text-2xl\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} |
@@ -11,2 +11,2 @@ export { Text } from './Text.mjs'; | ||
| import 'react'; | ||
| import '@nameless/helper'; | ||
| import '@namelessdev/helper'; |
+1
-1
@@ -11,2 +11,2 @@ export { Text } from './Text.js'; | ||
| import 'react'; | ||
| import '@nameless/helper'; | ||
| import '@namelessdev/helper'; |
+1
-1
| import React from 'react'; | ||
| import { ClassValue } from '@nameless/helper'; | ||
| import { ClassValue } from '@namelessdev/helper'; | ||
@@ -4,0 +4,0 @@ type KbdKey = "command" | "shift" | "ctrl" | "option" | "enter" | "delete" | "escape" | "tab" | "capslock" | "up" | "right" | "down" | "left" | "pageup" | "pagedown" | "home" | "end" | "help" | "space"; |
+1
-1
| import React from 'react'; | ||
| import { ClassValue } from '@nameless/helper'; | ||
| import { ClassValue } from '@namelessdev/helper'; | ||
@@ -4,0 +4,0 @@ type KbdKey = "command" | "shift" | "ctrl" | "option" | "enter" | "delete" | "escape" | "tab" | "capslock" | "up" | "right" | "down" | "left" | "pageup" | "pagedown" | "home" | "end" | "help" | "space"; |
+1
-1
@@ -1,1 +0,1 @@ | ||
| "use strict";var e=require("react"),t=require("./Text"),a=require("@nameless/flow"),n=require("@nameless/blocks");function p(e){return e&&e.__esModule?e:{default:e}}var s=p(e);const x=new Map(Object.entries({command:"⌘",shift:"⇧",ctrl:"⌃",option:"⌥",enter:"⏎",delete:"⌫",escape:"⎋",tab:"↹",capslock:"⇪",up:"↑",right:"→",down:"↓",left:"←",pageup:"⇞",pagedown:"⇟",home:"↖",end:"↘",help:"?",space:"␣"})),r=s.default.forwardRef((({as:e="kbd",children:p,className:r,symbol:l,style:o,...c},d)=>s.default.createElement(t.Text,{className:["bg-unnamed-1 text-nameless-12 rounded-md text-sm","px-2 -py-2 inline-flex items-center min-h-[28px]",r],as:e,style:Object.assign({boxShadow:"\n rgba(221, 234, 248, 0.08) 0px -0.6px 6px 0px inset, \n rgba(241, 247, 254, 0.71) 0px 0.6px 0px 0px inset, \n rgba(216, 244, 246, 0.035) 0px 3px 6px 0px inset, \n rgba(0, 0, 0, 0.9) 0px -1.2px 0px 0px inset, \n rgba(217, 237, 255, 0.25) 0px 0px 0px 0.9px, \n rgba(0, 0, 0, 0.95) 0px 0.96px 2.04px 0px\n"},o),...c,ref:d},s.default.createElement(a.Show,{when:Boolean(l)},s.default.createElement(n.Box,{as:"span",className:"mr-2 text-xl"},x.get(l))),p)));exports.Kbd=r;//# sourceMappingURL=Kbd.js.map | ||
| "use strict";var e=require("react"),t=require("./Text"),a=require("@namelessdev/flow"),n=require("@namelessdev/blocks");function p(e){return e&&e.__esModule?e:{default:e}}var s=p(e);const x=new Map(Object.entries({command:"⌘",shift:"⇧",ctrl:"⌃",option:"⌥",enter:"⏎",delete:"⌫",escape:"⎋",tab:"↹",capslock:"⇪",up:"↑",right:"→",down:"↓",left:"←",pageup:"⇞",pagedown:"⇟",home:"↖",end:"↘",help:"?",space:"␣"})),r=s.default.forwardRef((({as:e="kbd",children:p,className:r,symbol:l,style:d,...o},c)=>s.default.createElement(t.Text,{className:["bg-unnamed-1 text-nameless-12 rounded-md text-sm","px-2 -py-2 inline-flex items-center min-h-[28px]",r],as:e,style:Object.assign({boxShadow:"\n rgba(221, 234, 248, 0.08) 0px -0.6px 6px 0px inset, \n rgba(241, 247, 254, 0.71) 0px 0.6px 0px 0px inset, \n rgba(216, 244, 246, 0.035) 0px 3px 6px 0px inset, \n rgba(0, 0, 0, 0.9) 0px -1.2px 0px 0px inset, \n rgba(217, 237, 255, 0.25) 0px 0px 0px 0.9px, \n rgba(0, 0, 0, 0.95) 0px 0.96px 2.04px 0px\n"},d),...o,ref:c},s.default.createElement(a.Show,{when:Boolean(l)},s.default.createElement(n.Box,{as:"span",className:"mr-2 text-xl"},x.get(l))),p)));exports.Kbd=r;//# sourceMappingURL=Kbd.js.map |
+1
-1
@@ -1,1 +0,1 @@ | ||
| {"version":3,"sources":["../src/Kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,WAAW;AAiBpB,MAAM,YAAY,IAAI;AAAA,EACpB,OAAO,QAAQ;AAAA,IACb,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,UAAU;AAAA,IACV,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT,CAAC;AACH;AAEA,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShB,MAAM,MAAM,MAAM;AAAA,EACvB,CAAC,EAAE,KAAK,OAAO,UAAU,WAAW,QAAQ,OAAO,GAAG,MAAM,GAAG,SAAS;AACtE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAEF;AAAA,QACA,OAAO,OAAO,OAAO,EAAE,WAAW,eAAe,GAAG,KAAK;AAAA,QACxD,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEL,oCAAC,QAAK,MAAM,QAAQ,MAAM,KACxB,oCAAC,OAAI,IAAG,QAAO,WAAU,kBACtB,UAAU,IAAI,MAAO,CACxB,CACF;AAAA,MACC;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@nameless/helper\";\nimport { Text } from \"./Text\";\nimport { Show } from \"@nameless/flow\";\nimport { Box } from \"@nameless/blocks\";\n\ntype Blocks = \"kbd\" | \"a\";\n\ntype KbdElement = React.ElementRef<Blocks>;\n\ntype KbdProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n symbol?: KbdKey;\n};\n\ntype KbdKey = | \"command\" | \"shift\" | \"ctrl\" | \"option\" | \"enter\"\n | \"delete\" | \"escape\" | \"tab\" | \"capslock\" | \"up\"\n | \"right\" | \"down\" | \"left\" | \"pageup\" | \"pagedown\"\n | \"home\" | \"end\" | \"help\" | \"space\";\n\nconst SymbolKey = new Map(\n Object.entries({\n command: \"⌘\",\n shift: \"⇧\",\n ctrl: \"⌃\",\n option: \"⌥\",\n enter: \"⏎\",\n delete: \"⌫\",\n escape: \"⎋\",\n tab: \"↹\",\n capslock: \"⇪\",\n up: \"↑\",\n right: \"→\",\n down: \"↓\",\n left: \"←\",\n pageup: \"⇞\",\n pagedown: \"⇟\",\n home: \"↖\",\n end: \"↘\",\n help: \"?\",\n space: \"␣\",\n }) as Array<[KbdKey, string]>,\n);\n\nconst boxShadowStyle = `\n rgba(221, 234, 248, 0.08) 0px -0.6px 6px 0px inset, \n rgba(241, 247, 254, 0.71) 0px 0.6px 0px 0px inset, \n rgba(216, 244, 246, 0.035) 0px 3px 6px 0px inset, \n rgba(0, 0, 0, 0.9) 0px -1.2px 0px 0px inset, \n rgba(217, 237, 255, 0.25) 0px 0px 0px 0.9px, \n rgba(0, 0, 0, 0.95) 0px 0.96px 2.04px 0px\n`;\n\nexport const Kbd = React.forwardRef<KbdElement, KbdProps>(\n ({ as = \"kbd\", children, className, symbol, style, ...props }, fref) => {\n return (\n <Text\n className={\n [\n \"bg-unnamed-1 text-nameless-12 rounded-md text-sm\",\n \"px-2 -py-2 inline-flex items-center min-h-[28px]\",\n className,\n ] as ClassValue & string\n }\n as={as}\n style={Object.assign({ boxShadow: boxShadowStyle }, style)}\n {...props}\n ref={fref}\n >\n <Show when={Boolean(symbol)}>\n <Box as=\"span\" className=\"mr-2 text-xl\">\n {SymbolKey.get(symbol!)}\n </Box>\n </Show>\n {children}\n </Text>\n );\n },\n);\n"]} | ||
| {"version":3,"sources":["../src/Kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,WAAW;AAiBpB,MAAM,YAAY,IAAI;AAAA,EACpB,OAAO,QAAQ;AAAA,IACb,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,UAAU;AAAA,IACV,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT,CAAC;AACH;AAEA,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShB,MAAM,MAAM,MAAM;AAAA,EACvB,CAAC,EAAE,KAAK,OAAO,UAAU,WAAW,QAAQ,OAAO,GAAG,MAAM,GAAG,SAAS;AACtE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QAEF;AAAA,QACA,OAAO,OAAO,OAAO,EAAE,WAAW,eAAe,GAAG,KAAK;AAAA,QACxD,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEL,oCAAC,QAAK,MAAM,QAAQ,MAAM,KACxB,oCAAC,OAAI,IAAG,QAAO,WAAU,kBACtB,UAAU,IAAI,MAAO,CACxB,CACF;AAAA,MACC;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@namelessdev/helper\";\nimport { Text } from \"./Text\";\nimport { Show } from \"@namelessdev/flow\";\nimport { Box } from \"@namelessdev/blocks\";\n\ntype Blocks = \"kbd\" | \"a\";\n\ntype KbdElement = React.ElementRef<Blocks>;\n\ntype KbdProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n symbol?: KbdKey;\n};\n\ntype KbdKey = | \"command\" | \"shift\" | \"ctrl\" | \"option\" | \"enter\"\n | \"delete\" | \"escape\" | \"tab\" | \"capslock\" | \"up\"\n | \"right\" | \"down\" | \"left\" | \"pageup\" | \"pagedown\"\n | \"home\" | \"end\" | \"help\" | \"space\";\n\nconst SymbolKey = new Map(\n Object.entries({\n command: \"⌘\",\n shift: \"⇧\",\n ctrl: \"⌃\",\n option: \"⌥\",\n enter: \"⏎\",\n delete: \"⌫\",\n escape: \"⎋\",\n tab: \"↹\",\n capslock: \"⇪\",\n up: \"↑\",\n right: \"→\",\n down: \"↓\",\n left: \"←\",\n pageup: \"⇞\",\n pagedown: \"⇟\",\n home: \"↖\",\n end: \"↘\",\n help: \"?\",\n space: \"␣\",\n }) as Array<[KbdKey, string]>,\n);\n\nconst boxShadowStyle = `\n rgba(221, 234, 248, 0.08) 0px -0.6px 6px 0px inset, \n rgba(241, 247, 254, 0.71) 0px 0.6px 0px 0px inset, \n rgba(216, 244, 246, 0.035) 0px 3px 6px 0px inset, \n rgba(0, 0, 0, 0.9) 0px -1.2px 0px 0px inset, \n rgba(217, 237, 255, 0.25) 0px 0px 0px 0.9px, \n rgba(0, 0, 0, 0.95) 0px 0.96px 2.04px 0px\n`;\n\nexport const Kbd = React.forwardRef<KbdElement, KbdProps>(\n ({ as = \"kbd\", children, className, symbol, style, ...props }, fref) => {\n return (\n <Text\n className={\n [\n \"bg-unnamed-1 text-nameless-12 rounded-md text-sm\",\n \"px-2 -py-2 inline-flex items-center min-h-[28px]\",\n className,\n ] as ClassValue & string\n }\n as={as}\n style={Object.assign({ boxShadow: boxShadowStyle }, style)}\n {...props}\n ref={fref}\n >\n <Show when={Boolean(symbol)}>\n <Box as=\"span\" className=\"mr-2 text-xl\">\n {SymbolKey.get(symbol!)}\n </Box>\n </Show>\n {children}\n </Text>\n );\n },\n);\n"]} |
+1
-1
| import React from 'react'; | ||
| import { ClassValue } from '@nameless/helper'; | ||
| import { ClassValue } from '@namelessdev/helper'; | ||
@@ -4,0 +4,0 @@ type Blocks = "a"; |
+1
-1
| import React from 'react'; | ||
| import { ClassValue } from '@nameless/helper'; | ||
| import { ClassValue } from '@namelessdev/helper'; | ||
@@ -4,0 +4,0 @@ type Blocks = "a"; |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,OAAO,MAAM;AAAA,EACxB,CAAC,EAAE,KAAK,KAAK,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AACrD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,kBAAkB,SAAS;AAAA,QAE9B;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@nameless/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"a\";\n\ntype LinkElement = React.ElementRef<Blocks>;\n\ntype LinkProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Link = React.forwardRef<LinkElement, LinkProps>(\n ({ as = \"a\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"text-[#B19EFF]\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} | ||
| {"version":3,"sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,OAAO,MAAM;AAAA,EACxB,CAAC,EAAE,KAAK,KAAK,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AACrD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,kBAAkB,SAAS;AAAA,QAE9B;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@namelessdev/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"a\";\n\ntype LinkElement = React.ElementRef<Blocks>;\n\ntype LinkProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Link = React.forwardRef<LinkElement, LinkProps>(\n ({ as = \"a\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"text-[#B19EFF]\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} |
| import React from 'react'; | ||
| import { ClassValue } from '@nameless/helper'; | ||
| import { ClassValue } from '@namelessdev/helper'; | ||
@@ -4,0 +4,0 @@ declare const Quote: React.ForwardRefExoticComponent<(Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & { |
+1
-1
| import React from 'react'; | ||
| import { ClassValue } from '@nameless/helper'; | ||
| import { ClassValue } from '@namelessdev/helper'; | ||
@@ -4,0 +4,0 @@ declare const Quote: React.ForwardRefExoticComponent<(Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & { |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"sources":["../src/Quote.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,QAAQ,MAAM;AAAA,EACzB,CAAC,EAAE,KAAK,KAAK,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AACrD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,qBAAqB,SAAS;AAAA,QAEjC;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@nameless/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"q\" | \"a\";\n\ntype QuoteElement = React.ElementRef<Blocks>;\n\ntype QuoteProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Quote = React.forwardRef<QuoteElement, QuoteProps>(\n ({ as = \"q\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"italic font-light\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} | ||
| {"version":3,"sources":["../src/Quote.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,QAAQ,MAAM;AAAA,EACzB,CAAC,EAAE,KAAK,KAAK,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AACrD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,qBAAqB,SAAS;AAAA,QAEjC;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@namelessdev/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"q\" | \"a\";\n\ntype QuoteElement = React.ElementRef<Blocks>;\n\ntype QuoteProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Quote = React.forwardRef<QuoteElement, QuoteProps>(\n ({ as = \"q\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"italic font-light\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} |
| import React from 'react'; | ||
| import { ClassValue } from '@nameless/helper'; | ||
| import { ClassValue } from '@namelessdev/helper'; | ||
@@ -4,0 +4,0 @@ declare const Strong: React.ForwardRefExoticComponent<(Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & { |
| import React from 'react'; | ||
| import { ClassValue } from '@nameless/helper'; | ||
| import { ClassValue } from '@namelessdev/helper'; | ||
@@ -4,0 +4,0 @@ declare const Strong: React.ForwardRefExoticComponent<(Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & { |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"sources":["../src/Strong.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,SAAS,MAAM;AAAA,EAC1B,CAAC,EAAE,KAAK,UAAU,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,kBAAkB,SAAS;AAAA,QAE9B;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@nameless/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"strong\" | \"a\";\n\ntype StrongElement = React.ElementRef<Blocks>;\n\ntype StrongProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Strong = React.forwardRef<StrongElement, StrongProps>(\n ({ as = \"strong\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"font-extrabold\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} | ||
| {"version":3,"sources":["../src/Strong.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW;AAElB,SAAS,YAAY;AAWd,MAAM,SAAS,MAAM;AAAA,EAC1B,CAAC,EAAE,KAAK,UAAU,UAAU,WAAW,GAAG,MAAM,GAAG,SAAS;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WACE,CAAC,kBAAkB,SAAS;AAAA,QAE9B;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,MAEJ;AAAA,IACH;AAAA,EAEJ;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue } from \"@namelessdev/helper\";\nimport { Text } from \"./Text\";\n\ntype Blocks = \"strong\" | \"a\";\n\ntype StrongElement = React.ElementRef<Blocks>;\n\ntype StrongProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\nexport const Strong = React.forwardRef<StrongElement, StrongProps>(\n ({ as = \"strong\", children, className, ...props }, fref) => {\n return (\n <Text\n className={\n [\"font-extrabold\", className] as ClassValue & string\n }\n as={as}\n {...props}\n ref={fref}\n >\n {children}\n </Text>\n );\n },\n);\n"]} |
+1
-1
| import React from 'react'; | ||
| import { ClassValue } from '@nameless/helper'; | ||
| import { ClassValue } from '@namelessdev/helper'; | ||
@@ -4,0 +4,0 @@ declare const Text: React.ForwardRefExoticComponent<(Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & { |
+1
-1
| import React from 'react'; | ||
| import { ClassValue } from '@nameless/helper'; | ||
| import { ClassValue } from '@namelessdev/helper'; | ||
@@ -4,0 +4,0 @@ declare const Text: React.ForwardRefExoticComponent<(Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & { |
+1
-1
@@ -1,1 +0,1 @@ | ||
| "use strict";var e=require("react"),t=require("@nameless/helper"),r=require("@nameless/slots");function a(e){return e&&e.__esModule?e:{default:e}}var l=a(e);const n=l.default.forwardRef((({as:e="p",className:a,children:n,...s},c)=>{const u=r.overreding.assign((e=>({className:t.cn("text-neutral-13",e.className,a)||null,style:Object.assign({},{textDecorationThickness:"min(2px,max(1px,.05em))",textUnderlineOffset:"calc(.025em + 2px)"},e.style||{})}))),{Parent:i,Default:m}=r.retrive(n,{name:"parent",overreding:u});return i.has?l.default.createElement(i,null):l.default.createElement(e,{ref:c,...u(s)},l.default.createElement(m,null))}));exports.Text=n;//# sourceMappingURL=Text.js.map | ||
| "use strict";var e=require("react"),t=require("@namelessdev/helper"),r=require("@namelessdev/slots");function a(e){return e&&e.__esModule?e:{default:e}}var l=a(e);const n=l.default.forwardRef((({as:e="p",className:a,children:n,...s},c)=>{const u=r.overreding.assign((e=>({className:t.cn("text-neutral-13",e.className,a)||null,style:Object.assign({},{textDecorationThickness:"min(2px,max(1px,.05em))",textUnderlineOffset:"calc(.025em + 2px)"},e.style||{})}))),{Parent:i,Default:d}=r.retrive(n,{name:"parent",overreding:u});return i.has?l.default.createElement(i,null):l.default.createElement(e,{ref:c,...u(s)},l.default.createElement(d,null))}));exports.Text=n;//# sourceMappingURL=Text.js.map |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"sources":["../src/Text.tsx"],"names":["props"],"mappings":"AAAA,OAAO,WAAW;AAClB,SAAqB,UAAU;AAC/B,SAAS,SAAS,cAAc,SAAS;AAuBlC,MAAM,OAAO,MAAM;AAAA,EACxB,CAAC,EAAE,IAAI,KAAK,KAAK,WAAW,UAAU,GAAG,MAAM,GAAG,SAAS;AACzD,UAAM,UAAU,EAAE,OAAO,CAAAA,YAAU;AAAA,MACjC,WAAW,GAAG,mBAAmBA,OAAM,WAAqB,SAAS,KAAK;AAAA,MAC1E,OAAO,OAAO,OAAO,CAAC,GAAG;AAAA,QACvB,yBAAyB;AAAA,QACzB,qBAAqB;AAAA,MACvB,GAAGA,OAAM,SAAS,CAAC,CAAC;AAAA,IACtB,EAAE;AAEF,UAAM,EAAE,QAAQ,QAAQ,IAAI,QAAQ,UAAU;AAAA,MAC5C,MAAM;AAAA,MACN,YAAY;AAAA,IACd,CAAC;AAED,QAAI,CAAC,OAAO;AACV,aACE,oCAAC,MAAG,KAAK,MAAO,GAAG,QAAQ,KAAY,KACrC,oCAAC,aAAQ,CACX;AAAA;AAEC,aAAO,oCAAC,YAAO;AAAA,EACtB;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue, cn } from \"@nameless/helper\";\nimport { retrive, overreding as O } from \"@nameless/slots\";\n\ntype Blocks =\n | \"p\"\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"h5\"\n | \"h6\"\n | \"em\"\n | \"kbd\"\n | \"code\"\n | \"a\";\n\ntype TextElement = React.ElementRef<Blocks>;\n\ntype TextProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\n\nexport const Text = React.forwardRef<TextElement, TextProps>(\n ({ as: As = \"p\", className, children, ...props }, fref) => {\n const propses = O.assign(props => ({\n className: cn(\"text-neutral-13\", props.className as string, className) || null,\n style: Object.assign({}, {\n textDecorationThickness: \"min(2px,max(1px,.05em))\",\n textUnderlineOffset: \"calc(.025em + 2px)\",\n }, props.style || {}),\n }))\n\n const { Parent, Default } = retrive(children, {\n name: \"parent\",\n overreding: propses,\n })\n\n if (!Parent.has)\n return (\n <As ref={fref} {...propses(props as any)}>\n <Default />\n </As>\n );\n else return <Parent />\n },\n);\n"]} | ||
| {"version":3,"sources":["../src/Text.tsx"],"names":["props"],"mappings":"AAAA,OAAO,WAAW;AAClB,SAAqB,UAAU;AAC/B,SAAS,SAAS,cAAc,SAAS;AAuBlC,MAAM,OAAO,MAAM;AAAA,EACxB,CAAC,EAAE,IAAI,KAAK,KAAK,WAAW,UAAU,GAAG,MAAM,GAAG,SAAS;AACzD,UAAM,UAAU,EAAE,OAAO,CAAAA,YAAU;AAAA,MACjC,WAAW,GAAG,mBAAmBA,OAAM,WAAqB,SAAS,KAAK;AAAA,MAC1E,OAAO,OAAO,OAAO,CAAC,GAAG;AAAA,QACvB,yBAAyB;AAAA,QACzB,qBAAqB;AAAA,MACvB,GAAGA,OAAM,SAAS,CAAC,CAAC;AAAA,IACtB,EAAE;AAEF,UAAM,EAAE,QAAQ,QAAQ,IAAI,QAAQ,UAAU;AAAA,MAC5C,MAAM;AAAA,MACN,YAAY;AAAA,IACd,CAAC;AAED,QAAI,CAAC,OAAO;AACV,aACE,oCAAC,MAAG,KAAK,MAAO,GAAG,QAAQ,KAAY,KACrC,oCAAC,aAAQ,CACX;AAAA;AAEC,aAAO,oCAAC,YAAO;AAAA,EACtB;AACF","sourcesContent":["import React from \"react\";\nimport { ClassValue, cn } from \"@namelessdev/helper\";\nimport { retrive, overreding as O } from \"@namelessdev/slots\";\n\ntype Blocks =\n | \"p\"\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"h5\"\n | \"h6\"\n | \"em\"\n | \"kbd\"\n | \"code\"\n | \"a\";\n\ntype TextElement = React.ElementRef<Blocks>;\n\ntype TextProps = React.ComponentPropsWithRef<Blocks> & {\n as?: React.ElementType | React.FC;\n className?: ClassValue;\n};\n\n\nexport const Text = React.forwardRef<TextElement, TextProps>(\n ({ as: As = \"p\", className, children, ...props }, fref) => {\n const propses = O.assign(props => ({\n className: cn(\"text-neutral-13\", props.className as string, className) || null,\n style: Object.assign({}, {\n textDecorationThickness: \"min(2px,max(1px,.05em))\",\n textUnderlineOffset: \"calc(.025em + 2px)\",\n }, props.style || {}),\n }))\n\n const { Parent, Default } = retrive(children, {\n name: \"parent\",\n overreding: propses,\n })\n\n if (!Parent.has)\n return (\n <As ref={fref} {...propses(props as any)}>\n <Default />\n </As>\n );\n else return <Parent />\n },\n);\n"]} |
+6
-6
| { | ||
| "name": "@namelessdev/typography", | ||
| "version": "0.0.1", | ||
| "version": "0.0.2", | ||
| "description": "", | ||
@@ -36,3 +36,3 @@ "main": "./build/index.js", | ||
| "typescript": "^5.3.3", | ||
| "@nameless/tsconfig": "0.0.1" | ||
| "@namelessdev/tsconfig": "0.0.1" | ||
| }, | ||
@@ -44,6 +44,6 @@ "peerDependencies": { | ||
| "dependencies": { | ||
| "@nameless/blocks": "npm:@namelessdev/blocks@0.0.1", | ||
| "@nameless/flow": "npm:@namelessdev/flow@0.0.1", | ||
| "@nameless/helper": "npm:@namelessdev/helper@0.0.1", | ||
| "@nameless/slots": "npm:@namelessui/slots@0.0.1" | ||
| "@namelessdev/blocks": "0.0.2", | ||
| "@namelessdev/flow": "0.0.2", | ||
| "@namelessdev/helper": "0.0.2", | ||
| "@namelessdev/slots": "0.0.2" | ||
| }, | ||
@@ -50,0 +50,0 @@ "scripts": { |
51270
0.15%+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
+ Added
- Removed
- Removed
- Removed