@rarui/components 0.0.0-rc.1 → 1.0.0-rc.1

package/dist/collection/navigation/Tabs/Root/src/root.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"root.stories.js","sourceRoot":"","sources":["../../../../../../../../../src/navigation/Tabs/Root/src/root.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAEpC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,gCAAgC,CAAC;AACxC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,QAAQ,CAAC;AAEhB,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,cAAc,CAC3C,YAAY,EACZ,eAAe,CAAC,IAAI,CAAC,CACtB,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ;CACW,CAAC;AAEtB,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,KAAK,GAAU,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,KAAK,CAAC,IAAI,GAAG;IACX,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCT;CACF,CAAC","sourcesContent":["import type { Meta, StoryObj } from \"@storybook/html\";\nimport { argTypesConvert, storyGenerator } from \".storybook/utils\";\nimport docs from \"./root.docs.json\";\n\nimport \"../../../../exhibition/Text/src/Text\";\nimport \"../../../../layout/Box/src/Box\";\nimport \"../../Item/src/Item\";\nimport \"./Root\";\n\nconst { argTypes, Template } = storyGenerator(\n  \"rarui-tabs\",\n  argTypesConvert(docs),\n);\n\nconst meta = {\n  title: \"Navegação/Tabs\",\n  tags: [\"autodocs\"],\n  argTypes,\n} satisfies Meta<any>;\n\nexport default meta;\ntype Story = StoryObj<any>;\n\nexport const basic: Story = Template.bind({});\nbasic.args = {\n  children: `\n  <rarui-tabs-item label=\"Label\">\n    <rarui-box\n      align-items=\"center\"\n      background-color=\"$warning-subdued\"\n      border-color=\"$warning\"\n      border-radius=\"$2xs\"\n      border-style=\"dashed\"\n      border-width=\"$1\"\n      display=\"flex\"\n      flex-direction=\"column\"\n      gap=\"$3xs\"\n      height=\"150px\"\n      justify-content=\"center\"\n      min-width=\"260px\"\n      width=\"100%\"\n      margin-top=\"$xs\"\n    >\n      <rarui-text color=\"$warning\" font-size=\"$s\" text-align=\"center\"> ❖ Slot 1 </rarui-text>\n    </rarui-box>\n  </rarui-tabs-item>\n  <rarui-tabs-item label=\"Label\">\n    <rarui-box\n      align-items=\"center\"\n      background-color=\"$warning-subdued\"\n      border-color=\"$warning\"\n      border-radius=\"$2xs\"\n      border-style=\"dashed\"\n      border-width=\"$1\"\n      display=\"flex\"\n      flex-direction=\"column\"\n      gap=\"$3xs\"\n      height=\"150px\"\n      justify-content=\"center\"\n      min-width=\"260px\"\n      width=\"100%\"\n      margin-top=\"$xs\"\n    >\n      <rarui-text color=\"$warning\" font-size=\"$s\" text-align=\"center\"> ❖ Slot 2 </rarui-text>\n    </rarui-box>\n  </rarui-tabs-item>\n  `,\n};\n"]}

package/dist/rarui-components/p-2160244e.entry.js

@@ -1,2 +0,0 @@
-import{r as s,c as t,h as i,H as e,g as r}from"./p-9492df61.js";import{tabs as a}from"@rarui/styles";const h=class{constructor(i){s(this,i);this.selectedTab=t(this,"selectedTab",7);this.position="left";this.underlined=undefined;this.full=undefined;this.defaultTab=0;this.selected=this.defaultTab}componentWillLoad(){this._tabsChildrens=Array.from(this.el.querySelectorAll("rarui-tabs-item"));this._tabsChildrens.forEach((s=>s.remove()))}render(){return i(e,{key:"a813a6439fd47bec985bbf02f1005edba79b09b9"},i("ul",{key:"0e54a31b7b1974c172309d6b82b2dc2b4287562d",class:a.classnames.ul({position:this.position,underlined:this.underlined})},this._tabsChildrens.map(((s,t)=>i("li",{class:a.classnames.li({full:this.full})},i("button",{type:"button",class:a.classnames.button({underlined:this.underlined,selected:this.selected===t}),onClick:()=>{this.selected=t;this.selectedTab.emit(t)}},s.label))))),i("div",{key:"3fe8f10fdc2988e027ca18155abb81af69c05037",innerHTML:this._tabsChildrens[this.selected].outerHTML}))}get el(){return r(this)}};export{h as rarui_tabs};
-//# sourceMappingURL=p-2160244e.entry.js.map

package/dist/rarui-components/p-2160244e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["RaruiTabs","this","defaultTab","componentWillLoad","_tabsChildrens","Array","from","el","querySelectorAll","forEach","child","remove","render","h","Host","key","class","tabs","classnames","ul","position","underlined","map","tabChildren","index","li","full","type","button","selected","onClick","selectedTab","emit","label","innerHTML","outerHTML"],"sources":["src/navigation/Tabs/Root/src/Root.tsx"],"sourcesContent":["import {\n  Component,\n  Prop,\n  Element,\n  State,\n  Event,\n  EventEmitter,\n  Host,\n  h,\n} from \"@stencil/core\";\nimport { tabs, TabsVariants } from \"@rarui/styles\";\n\n@Component({\n  tag: \"rarui-tabs\",\n  scoped: true,\n})\nexport class RaruiTabs {\n  @Element() el: HTMLUListElement;\n  @Prop() position: TabsVariants[\"position\"] = \"left\";\n  @Prop() underlined: TabsVariants[\"underlined\"];\n  @Prop() full: TabsVariants[\"full\"];\n  @Prop() defaultTab: number = 0;\n\n  @State() selected: number = this.defaultTab;\n  @Event() selectedTab: EventEmitter<number>;\n\n  private _tabsChildrens: any[];\n\n  componentWillLoad() {\n    this._tabsChildrens = Array.from(\n      this.el.querySelectorAll(\"rarui-tabs-item\"),\n    );\n    this._tabsChildrens.forEach((child) => child.remove());\n  }\n\n  render() {\n    return (\n      <Host>\n        <ul\n          class={tabs.classnames.ul({\n            position: this.position,\n            underlined: this.underlined,\n          })}\n        >\n          {this._tabsChildrens.map((tabChildren, index) => (\n            <li class={tabs.classnames.li({ full: this.full })}>\n              <button\n                type=\"button\"\n                class={tabs.classnames.button({\n                  underlined: this.underlined,\n                  selected: this.selected === index,\n                })}\n                onClick={() => {\n                  this.selected = index;\n                  this.selectedTab.emit(index);\n                }}\n              >\n                {tabChildren.label}\n              </button>\n            </li>\n          ))}\n        </ul>\n        <div innerHTML={this._tabsChildrens[this.selected].outerHTML} />\n      </Host>\n    );\n  }\n}\n"],"mappings":"2GAgBaA,EAAS,M,gFAEyB,O,8DAGhB,E,cAEDC,KAAKC,U,CAKjC,iBAAAC,GACEF,KAAKG,eAAiBC,MAAMC,KAC1BL,KAAKM,GAAGC,iBAAiB,oBAE3BP,KAAKG,eAAeK,SAASC,GAAUA,EAAMC,U,CAG/C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,MAAAE,IAAA,2CACEC,MAAOC,EAAKC,WAAWC,GAAG,CACxBC,SAAUnB,KAAKmB,SACfC,WAAYpB,KAAKoB,cAGlBpB,KAAKG,eAAekB,KAAI,CAACC,EAAaC,IACrCX,EAAA,MAAIG,MAAOC,EAAKC,WAAWO,GAAG,CAAEC,KAAMzB,KAAKyB,QACzCb,EAAA,UACEc,KAAK,SACLX,MAAOC,EAAKC,WAAWU,OAAO,CAC5BP,WAAYpB,KAAKoB,WACjBQ,SAAU5B,KAAK4B,WAAaL,IAE9BM,QAAS,KACP7B,KAAK4B,SAAWL,EAChBvB,KAAK8B,YAAYC,KAAKR,EAAM,GAG7BD,EAAYU,WAKrBpB,EAAA,OAAAE,IAAA,2CAAKmB,UAAWjC,KAAKG,eAAeH,KAAK4B,UAAUM,Y","ignoreList":[]}

package/dist/rarui-components/p-4e227328.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as r,g as t}from"./p-9492df61.js";import{_ as e}from"./p-8495565d.js";import{CaptureCssProperties as a,box as o}from"@rarui/styles";const c=class{constructor(r){s(this,r);this.props={};this.as="div"}render(){const s=this.as;const{className:t,style:e,otherProps:a}=o.sprinkle(this.props);return r(s,Object.assign({key:"200d39f5779aef67d2515f0c96eadf6e5b6bcfd2",class:t,style:e},a),r("slot",{key:"3ac21ab289097e2e73c53a6d0ec474a23f899f73"}))}get el(){return t(this)}};e([a],c.prototype,"render",null);export{c as rarui_box};
-//# sourceMappingURL=p-4e227328.entry.js.map

package/dist/rarui-components/p-d48974f3.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as s,g as e}from"./p-9492df61.js";import{_ as i}from"./p-8495565d.js";import{CaptureCssProperties as r,title as o}from"@rarui/styles";const l=class{constructor(s){t(this,s);this.props={};this.lineclamp=undefined;this.as="h1"}render(){var t,e;const i=this.as;const{className:r,style:l,otherProps:a}=o.sprinkle(Object.assign(Object.assign({},this.props),{fontWeight:(t=this.props.fontWeight)!==null&&t!==void 0?t:"$bold",textAlign:(e=this.props.textAlign)!==null&&e!==void 0?e:"left"}));console.log(r);return s(i,Object.assign({key:"b41b716f1df490d2f5de52a9eb04670db5f1ccde",class:[r,o.classnames.title({as:this.as})].join(" "),style:Object.assign(Object.assign({},l),{WebkitLineClamp:this===null||this===void 0?void 0:this.lineclamp})},a),s("slot",{key:"605af3aba57bdbc0bf228c076da3a6c86e6272aa"}))}get el(){return e(this)}};i([r],l.prototype,"render",null);export{l as rarui_title};
-//# sourceMappingURL=p-d48974f3.entry.js.map

package/dist/rarui-components/p-d48974f3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["RaruiTitle","this","props","render","As","as","className","style","otherProps","title","sprinkle","Object","assign","fontWeight","_a","textAlign","_b","console","log","h","key","class","classnames","join","WebkitLineClamp","lineclamp","__decorate","CaptureCssProperties"],"sources":["src/exhibition/Title/src/Title.tsx"],"sourcesContent":["import { Component, Prop, Element, h } from \"@stencil/core\";\nimport { title, CaptureCssProperties } from \"@rarui/styles\";\n\n@Component({\n  tag: \"rarui-title\",\n})\nexport class RaruiTitle {\n  private props: { [key: string]: any } = {};\n\n  @Element() el: HTMLUListElement;\n  @Prop() lineclamp: string;\n  @Prop() as: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" = \"h1\";\n  @CaptureCssProperties\n  render() {\n    const As = this.as;\n    const { className, style, otherProps } = title.sprinkle({\n      ...this.props,\n      fontWeight: this.props.fontWeight ?? \"$bold\",\n      textAlign: this.props.textAlign ?? \"left\",\n    });\n\n    console.log(className);\n\n    return (\n      <As\n        class={[\n          className,\n          title.classnames.title({\n            as: this.as,\n          }),\n        ].join(\" \")}\n        style={{ ...style, WebkitLineClamp: this?.lineclamp }}\n        {...otherProps}\n      >\n        <slot></slot>\n      </As>\n    );\n  }\n}\n"],"mappings":"4JAMaA,EAAU,M,yBACbC,KAAAC,MAAgC,G,iCAIc,I,CAEtD,MAAAC,G,QACE,MAAMC,EAAKH,KAAKI,GAChB,MAAMC,UAAEA,EAASC,MAAEA,EAAKC,WAAEA,GAAeC,EAAMC,SAAQC,OAAAC,OAAAD,OAAAC,OAAA,GAClDX,KAAKC,OAAK,CACbW,YAAYC,EAAAb,KAAKC,MAAMW,cAAU,MAAAC,SAAA,EAAAA,EAAI,QACrCC,WAAWC,EAAAf,KAAKC,MAAMa,aAAS,MAAAC,SAAA,EAAAA,EAAI,UAGrCC,QAAQC,IAAIZ,GAEZ,OACEa,EAACf,EAAEO,OAAAC,OAAA,CAAAQ,IAAA,2CACDC,MAAO,CACLf,EACAG,EAAMa,WAAWb,MAAM,CACrBJ,GAAIJ,KAAKI,MAEXkB,KAAK,KACPhB,MAAKI,OAAAC,OAAAD,OAAAC,OAAA,GAAOL,GAAK,CAAEiB,gBAAiBvB,OAAI,MAAJA,YAAI,SAAJA,KAAMwB,aACtCjB,GAEJW,EAAA,QAAAC,IAAA,6C,2BArBNM,EAAA,CADCC,G","ignoreList":[]}

package/dist/rarui-components/p-ee513f26.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as s,g as e}from"./p-9492df61.js";import{_ as i}from"./p-8495565d.js";import{text as r,CaptureCssProperties as o}from"@rarui/styles";const a=class{constructor(s){t(this,s);this.props={};this.lineClamp=undefined;this.as="p"}render(){var t;const e=this.as;const{className:i,style:o,otherProps:a}=r.sprinkle(Object.assign(Object.assign({},this.props),{fontWeight:(t=this.props.fontWeight)!==null&&t!==void 0?t:"$regular"}));console.log(this.lineClamp);return s(e,Object.assign({key:"34e9cea5a107284c1bc058ff09cb58af1f74d9ea",class:[i,r.classnames.text({lineClamp:!!(this===null||this===void 0?void 0:this.lineClamp)})].join(" "),style:Object.assign(Object.assign({},o),{WebkitLineClamp:this===null||this===void 0?void 0:this.lineClamp})},a),s("slot",{key:"0df2fca0bc8559a37e8f8d83564de4a814152e7c"}))}get el(){return e(this)}};i([o],a.prototype,"render",null);export{a as rarui_text};
-//# sourceMappingURL=p-ee513f26.entry.js.map

package/dist/rarui-components/p-ee513f26.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["RaruiText","this","props","render","As","as","className","style","otherProps","text","sprinkle","Object","assign","fontWeight","_a","console","log","lineClamp","h","key","class","classnames","join","WebkitLineClamp","__decorate","CaptureCssProperties"],"sources":["src/exhibition/Text/src/Text.tsx"],"sourcesContent":["import { Component, Prop, Element, h } from \"@stencil/core\";\nimport { text, CaptureCssProperties } from \"@rarui/styles\";\n\n@Component({\n  tag: \"rarui-text\",\n})\nexport class RaruiText {\n  private props: { [key: string]: any } = {};\n\n  @Element() el: HTMLUListElement;\n  @Prop() lineClamp: string;\n  @Prop() as: \"p\" | \"span\" = \"p\";\n  @CaptureCssProperties\n  render() {\n    const As = this.as;\n    const { className, style, otherProps } = text.sprinkle({\n      ...this.props,\n      fontWeight: this.props.fontWeight ?? \"$regular\",\n    });\n\n    console.log(this.lineClamp);\n\n    return (\n      <As\n        class={[\n          className,\n          text.classnames.text({\n            lineClamp: !!this?.lineClamp,\n          }),\n        ].join(\" \")}\n        style={{ ...style, WebkitLineClamp: this?.lineClamp }}\n        {...otherProps}\n      >\n        <slot></slot>\n      </As>\n    );\n  }\n}\n"],"mappings":"2JAMaA,EAAS,M,yBACZC,KAAAC,MAAgC,G,iCAIb,G,CAE3B,MAAAC,G,MACE,MAAMC,EAAKH,KAAKI,GAChB,MAAMC,UAAEA,EAASC,MAAEA,EAAKC,WAAEA,GAAeC,EAAKC,SAAQC,OAAAC,OAAAD,OAAAC,OAAA,GACjDX,KAAKC,OAAK,CACbW,YAAYC,EAAAb,KAAKC,MAAMW,cAAU,MAAAC,SAAA,EAAAA,EAAI,cAGvCC,QAAQC,IAAIf,KAAKgB,WAEjB,OACEC,EAACd,EAAEO,OAAAC,OAAA,CAAAO,IAAA,2CACDC,MAAO,CACLd,EACAG,EAAKY,WAAWZ,KAAK,CACnBQ,aAAahB,OAAI,MAAJA,YAAI,SAAJA,KAAMgB,cAErBK,KAAK,KACPf,MAAKI,OAAAC,OAAAD,OAAAC,OAAA,GAAOL,GAAK,CAAEgB,gBAAiBtB,OAAI,MAAJA,YAAI,SAAJA,KAAMgB,aACtCT,GAEJU,EAAA,QAAAC,IAAA,6C,2BApBNK,EAAA,CADCC,G","ignoreList":[]}

package/dist/types/Users/juniorconquista/Desktop/Workdir/rarui/packages/implementations/web-components/.stencil/.storybook/utils.d.ts

@@ -1,24 +0,0 @@
-export declare const argTypesConvert: (properties?: any) => any;
-export declare const convertTsConfigPathsToWebpackAliases: () => {
-    [k: string]: string;
-};
-interface formatterProps {
-    value: any;
-    description: string;
-    control?: any;
-    options?: string[];
-    type?: string;
-}
-export interface IformatterObj {
-    [key: string]: formatterProps;
-}
-export declare const storyGenerator: (componentTag: string, params: IformatterObj) => {
-    args: {
-        [k: string]: any;
-    };
-    argTypes: {
-        [k: string]: any;
-    };
-    Template: (args: any) => string;
-};
-export default storyGenerator;

package/dist/types/exhibition/Text/dist/types/Button.d.ts

@@ -1,14 +0,0 @@
-import { ButtonVariants } from "@rarui/styles";
-export declare class RaruiButton {
-    el: HTMLButtonElement;
-    appearance: ButtonVariants["appearance"];
-    variant: ButtonVariants["variant"];
-    size: ButtonVariants["size"];
-    full: ButtonVariants["full"];
-    disabled: HTMLButtonElement["disabled"];
-    type: HTMLButtonElement["type"];
-    href: HTMLAnchorElement["href"];
-    target: HTMLAnchorElement["target"];
-    as: string;
-    render(): any;
-}

package/dist/types/exhibition/Text/src/text.stories.d.ts

@@ -1,21 +0,0 @@
-import type { StoryObj } from "@storybook/html";
-import "./Text";
-declare const meta: {
-    title: string;
-    tags: string[];
-    argTypes: {
-        [k: string]: any;
-    };
-};
-export default meta;
-type Story = StoryObj<any>;
-export declare const basic: Story;
-export declare const p: Story;
-export declare const span: Story;
-export declare const primary: Story;
-export declare const success: Story;
-export declare const warning: Story;
-export declare const danger: Story;
-export declare const secondary: Story;
-export declare const responsive: Story;
-export declare const lineClamp: Story;

package/dist/types/exhibition/Title/dist/types/Button.d.ts

@@ -1,14 +0,0 @@
-import { ButtonVariants } from "@rarui/styles";
-export declare class RaruiButton {
-    el: HTMLButtonElement;
-    appearance: ButtonVariants["appearance"];
-    variant: ButtonVariants["variant"];
-    size: ButtonVariants["size"];
-    full: ButtonVariants["full"];
-    disabled: HTMLButtonElement["disabled"];
-    type: HTMLButtonElement["type"];
-    href: HTMLAnchorElement["href"];
-    target: HTMLAnchorElement["target"];
-    as: string;
-    render(): any;
-}

package/dist/types/exhibition/Title/src/title.stories.d.ts

@@ -1,19 +0,0 @@
-import type { StoryObj } from "@storybook/html";
-import "./Title";
-declare const meta: {
-    title: string;
-    tags: string[];
-    argTypes: {
-        [k: string]: any;
-    };
-};
-export default meta;
-type Story = StoryObj<any>;
-export declare const basic: Story;
-export declare const h1: Story;
-export declare const h2: Story;
-export declare const h3: Story;
-export declare const h4: Story;
-export declare const h5: Story;
-export declare const h6: Story;
-export declare const responsive: Story;

package/dist/types/index.d.ts

@@ -1 +0,0 @@
-export * from "./input/Button/src";

package/dist/types/input/Button/src/button.stories.d.ts

@@ -1,21 +0,0 @@
-import type { StoryObj } from "@storybook/html";
-import "./Button";
-declare const meta: {
-    title: string;
-    tags: string[];
-    argTypes: {
-        [k: string]: any;
-    };
-};
-export default meta;
-type Story = StoryObj<any>;
-export declare const Basic: Story;
-export declare const Large: Story;
-export declare const Medium: Story;
-export declare const Small: Story;
-export declare const Disabled: Story;
-export declare const AsLink: Story;
-export declare const Outlined: Story;
-export declare const Solid: Story;
-export declare const Text: Story;
-export declare const Tonal: Story;

package/dist/types/layout/Box/src/box.stories.d.ts

@@ -1,13 +0,0 @@
-import type { StoryObj } from "@storybook/html";
-import "./Box";
-declare const meta: {
-    title: string;
-    tags: string[];
-    argTypes: {
-        [k: string]: any;
-    };
-};
-export default meta;
-type Story = StoryObj<any>;
-export declare const basic: Story;
-export declare const responsive: Story;

package/dist/types/navigation/Tabs/Item/src/item.stories.d.ts

@@ -1,13 +0,0 @@
-import type { StoryObj } from "@storybook/html";
-import "../../../../layout/Box/src/Box";
-import "./Item";
-declare const meta: {
-    title: string;
-    tags: string[];
-    argTypes: {
-        [k: string]: any;
-    };
-};
-export default meta;
-type Story = StoryObj<any>;
-export declare const basic: Story;

package/dist/types/navigation/Tabs/Root/src/root.stories.d.ts

@@ -1,15 +0,0 @@
-import type { StoryObj } from "@storybook/html";
-import "../../../../exhibition/Text/src/Text";
-import "../../../../layout/Box/src/Box";
-import "../../Item/src/Item";
-import "./Root";
-declare const meta: {
-    title: string;
-    tags: string[];
-    argTypes: {
-        [k: string]: any;
-    };
-};
-export default meta;
-type Story = StoryObj<any>;
-export declare const basic: Story;