@tecsinapse/cortex-core 0.0.7 → 0.0.10

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 TecSinapse
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/cjs/components/badge/badge.js

@@ -2,7 +2,7 @@
 
 var tailwindVariants = require('tailwind-variants');
 
-const badge = tailwindVariants.tv({
+const badgeStyles = tailwindVariants.tv({
   base: "text-sub text-white font-bold rounded-pill absolute items-center flex justify-center w-[1rem] h-[1rem] -top-1 -right-1 px-[5px] py-[2px]",
   variants: {
     intent: {
@@ -21,6 +21,7 @@ const badge = tailwindVariants.tv({
 const containerBadge = tailwindVariants.tv({
   base: "relative items-center justify-center self-center"
 });
+const badge = (props) => badgeStyles(props);
 
 exports.badge = badge;
 exports.containerBadge = containerBadge;

package/dist/cjs/components/button/button.js

@@ -2,7 +2,7 @@
 
 var tailwindVariants = require('tailwind-variants');
 
-const button = tailwindVariants.tv({
+const buttonStyles = tailwindVariants.tv({
   base: "p-deca rounded-mili text-base h-fit font-bold disabled:text-white enabled:active:scale-95 transform transition hover:text-white text-white cursor-pointer items-center flex justify-center",
   variants: {
     intent: {
@@ -91,5 +91,7 @@ const button = tailwindVariants.tv({
     size: "default"
   }
 });
+const button = (props) => buttonStyles(props);
 
 exports.button = button;
+exports.buttonStyles = buttonStyles;

package/dist/cjs/components/drawer/drawer.js

@@ -2,7 +2,7 @@
 
 var tailwindVariants = require('tailwind-variants');
 
-const drawer = tailwindVariants.tv({
+const drawerStyles = tailwindVariants.tv({
   base: "bg-white fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform peer-checked:translate-x-0",
   variants: {
     position: {
@@ -17,6 +17,7 @@ const drawer = tailwindVariants.tv({
 const overlay = tailwindVariants.tv({
   base: "fixed h-full w-full left-0 top-0 transition peer-checked:bg-black peer-checked:bg-opacity-50 z-[-1] peer-checked:z-[0] peer-checked:cursor-pointer"
 });
+const drawer = (props) => drawerStyles(props);
 
 exports.drawer = drawer;
 exports.overlay = overlay;

package/dist/cjs/components/hint/hint.js

@@ -2,7 +2,7 @@
 
 var tailwindVariants = require('tailwind-variants');
 
-const hint = tailwindVariants.tv({
+const hintStyles = tailwindVariants.tv({
   base: "text-label font-bold flex items-center",
   variants: {
     intent: {
@@ -14,5 +14,6 @@ const hint = tailwindVariants.tv({
   },
   defaultVariants: { intent: "default" }
 });
+const hint = (props) => hintStyles(props);
 
 exports.hint = hint;

package/dist/cjs/components/input/{index.js → input.js}

@@ -3,7 +3,7 @@
 var tailwindVariants = require('tailwind-variants');
 var clsx = require('clsx');
 
-const inputBase = tailwindVariants.tv({
+const inputBaseStyles = tailwindVariants.tv({
   base: "relative min-h-[44px] h-auto flex px-centi py-1.5 focus-within:outline focus-within:outline-1 text-base font-bold items-center bg-transparent border rounded-mili",
   variants: {
     intent: {
@@ -37,7 +37,7 @@ const inputBase = tailwindVariants.tv({
     intent: "default"
   }
 });
-const labelBase = tailwindVariants.tv({
+const labelBaseStyles = tailwindVariants.tv({
   base: "absolute duration-300 -translate-y-2 scale-[0.72] top-2.5 z-10 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-0 peer-focus:scale-[0.72] peer-focus:-translate-y-2 peer-focus:top-2.5 font-bold text-base peer-disabled:text-secondary-light select-none",
   variants: {
     intent: {
@@ -55,27 +55,33 @@ const labelBase = tailwindVariants.tv({
     intent: "default"
   }
 });
-const labelStyle = ({ intent, placeholder, className }) => labelBase({
+const labelStyle = ({ intent, placeholder, className }) => labelBaseStyles({
   intent,
   className: clsx.clsx(className, {
     "peer-placeholder-shown:hidden": !!placeholder
   })
 });
-const input = ({ className, ...variants }) => inputBase({
-  ...variants,
-  className
-});
-const inputBox = (placeholder, label, className) => clsx.clsx(
+const inputBox = (placeholder, label2, className) => clsx.clsx(
   className,
   "peer relative outline-none placeholder:text-base placeholder:text-secondary-xdark placeholder-shown:top-0 disabled:bg-opacity-0 disabled:placeholder:text-secondary-light bg-transparent",
   {
-    "focus:top-1.5": !placeholder && !!label,
-    "top-1.5": !!label
+    "focus:top-1.5": !placeholder && !!label2,
+    "top-1.5": !!label2
   }
 );
+const input = (props) => inputBaseStyles(props);
+const label = (props) => {
+  const { placeholder, intent } = props;
+  return labelBaseStyles({
+    intent,
+    className: clsx.clsx(props.className ?? props.class, {
+      "peer-placeholder-shown:hidden": !!placeholder
+    })
+  });
+};
 
 exports.input = input;
-exports.inputBase = inputBase;
+exports.inputBaseStyles = inputBaseStyles;
 exports.inputBox = inputBox;
-exports.labelBase = labelBase;
+exports.label = label;
 exports.labelStyle = labelStyle;

package/dist/cjs/components/select/select.js

@@ -1,16 +1,16 @@
 'use strict';
 
 var tailwindVariants = require('tailwind-variants');
-var index = require('../input/index.js');
+var input = require('../input/input.js');
 
 const buttonSelect = tailwindVariants.tv({
-  extend: index.inputBase,
+  extend: input.inputBaseStyles,
   base: "w-full justify-between bg-white gap-[200px]"
 });
 const option = tailwindVariants.tv({
   base: "text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium"
 });
-const dropDown = tailwindVariants.tv({
+const dropDownStyles = tailwindVariants.tv({
   base: "text-base max-h-[200px] w-full bg-white mt-mili rounded-mili overflow-y-scroll py-mili transition-all duration-300 origin-top-left",
   variants: {
     open: {
@@ -19,7 +19,8 @@ const dropDown = tailwindVariants.tv({
     }
   }
 });
+const dropdown = (props) => dropDownStyles(props);
 
 exports.buttonSelect = buttonSelect;
-exports.dropDown = dropDown;
+exports.dropdown = dropdown;
 exports.option = option;

package/dist/cjs/components/tag/tag.js

@@ -1,17 +1,17 @@
 'use strict';
 
 var tailwindVariants = require('tailwind-variants');
-var cortexCore = require('@tecsinapse/cortex-core');
+var definitions = require('../../tokens/definitions.js');
 
 const myTV = tailwindVariants.createTV({
   twMergeConfig: {
     //passar tema?
     classGroups: {
-      "font-size": [{ text: Object.keys(cortexCore.fontSize) }]
+      "font-size": [{ text: Object.keys(definitions.fontSize) }]
     }
   }
 });
-const tag = myTV({
+const tagStyles = myTV({
   base: "rounded-micro px-micro py-nano w-fit font-bold text-label items-center flex",
   variants: {
     intent: {
@@ -26,5 +26,6 @@ const tag = myTV({
     intent: "secondary"
   }
 });
+const tag = (props) => tagStyles(props);
 
 exports.tag = tag;

package/dist/cjs/components/toggle/toggle.js

@@ -2,7 +2,7 @@
 
 var tailwindVariants = require('tailwind-variants');
 
-const toggle = tailwindVariants.tv({
+const toggleStyles = tailwindVariants.tv({
   base: "peer h-[22px] w-[40px] rounded-full bg-secondary-light after:absolute after:left-micro after:top-[3px] after:h-deca after:w-deca after:rounded-full after:border after:border-white after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none",
   variants: {
     intent: {
@@ -24,6 +24,7 @@ const styleLabelElement = tailwindVariants.tv({
 const styleInputElement = tailwindVariants.tv({
   base: "peer sr-only"
 });
+const toggle = (props) => toggleStyles(props);
 
 exports.styleInputElement = styleInputElement;
 exports.styleLabelElement = styleLabelElement;

package/dist/cjs/components/tooltip/tooltip.js

@@ -5,7 +5,7 @@ var tailwindVariants = require('tailwind-variants');
 const tooltipContainer = tailwindVariants.tv({
   base: "group relative inline-block"
 });
-const arrowTooltip = tailwindVariants.tv({
+const arrowTooltipStyles = tailwindVariants.tv({
   base: 'after:content-[""] after:absolute after:border-secondary-dark',
   variants: {
     position: {
@@ -14,21 +14,22 @@ const arrowTooltip = tailwindVariants.tv({
     }
   }
 });
-const tooltip = tailwindVariants.tv({
+const tooltipStyles = tailwindVariants.tv({
   base: "h-8 mt-deca w-max h-fit invisible group-hover:visible opacity-0 group-hover:opacity-100  bg-secondary-dark text-white px-centi py-micro rounded-mili absolute",
   variants: {
     position: {
       bottom: [
-        arrowTooltip({ position: "bottom" }),
+        arrowTooltipStyles({ position: "bottom" }),
         "-ml-[200px] left-[50%] top-[100%] mt-centi -translate-y-[10%]"
       ],
       top: [
-        arrowTooltip({ position: "top" }),
+        arrowTooltipStyles({ position: "top" }),
         "-ml-[200px] left-[50%] bottom-[100%] mb-centi translate-y-[10%]"
       ]
     }
   }
 });
+const tooltip = (props) => tooltipStyles(props);
 
 exports.tooltip = tooltip;
 exports.tooltipContainer = tooltipContainer;

package/dist/cjs/index.js

@@ -3,7 +3,7 @@
 var definitions = require('./tokens/definitions.js');
 var button = require('./components/button/button.js');
 var tag = require('./components/tag/tag.js');
-var index = require('./components/input/index.js');
+var input = require('./components/input/input.js');
 var hint = require('./components/hint/hint.js');
 var toggle = require('./components/toggle/toggle.js');
 var drawer = require('./components/drawer/drawer.js');
@@ -29,12 +29,13 @@ exports.fontSize = definitions.fontSize;
 exports.spacing = definitions.spacing;
 exports.textColor = definitions.textColor;
 exports.button = button.button;
+exports.buttonStyles = button.buttonStyles;
 exports.tag = tag.tag;
-exports.input = index.input;
-exports.inputBase = index.inputBase;
-exports.inputBox = index.inputBox;
-exports.labelBase = index.labelBase;
-exports.labelStyle = index.labelStyle;
+exports.input = input.input;
+exports.inputBaseStyles = input.inputBaseStyles;
+exports.inputBox = input.inputBox;
+exports.label = input.label;
+exports.labelStyle = input.labelStyle;
 exports.hint = hint.hint;
 exports.styleInputElement = toggle.styleInputElement;
 exports.styleLabelElement = toggle.styleLabelElement;
@@ -42,7 +43,7 @@ exports.toggle = toggle.toggle;
 exports.drawer = drawer.drawer;
 exports.overlay = drawer.overlay;
 exports.buttonSelect = select.buttonSelect;
-exports.dropDown = select.dropDown;
+exports.dropdown = select.dropdown;
 exports.option = select.option;
 exports.checkbox = checkbox.checkbox;
 exports.badge = badge.badge;

package/dist/esm/components/badge/badge.js

@@ -1,6 +1,6 @@
 import { tv } from 'tailwind-variants';
 
-const badge = tv({
+const badgeStyles = tv({
   base: "text-sub text-white font-bold rounded-pill absolute items-center flex justify-center w-[1rem] h-[1rem] -top-1 -right-1 px-[5px] py-[2px]",
   variants: {
     intent: {
@@ -19,5 +19,6 @@ const badge = tv({
 const containerBadge = tv({
   base: "relative items-center justify-center self-center"
 });
+const badge = (props) => badgeStyles(props);
 
 export { badge, containerBadge };

package/dist/esm/components/button/button.js

@@ -1,6 +1,6 @@
 import { tv } from 'tailwind-variants';
 
-const button = tv({
+const buttonStyles = tv({
   base: "p-deca rounded-mili text-base h-fit font-bold disabled:text-white enabled:active:scale-95 transform transition hover:text-white text-white cursor-pointer items-center flex justify-center",
   variants: {
     intent: {
@@ -89,5 +89,6 @@ const button = tv({
     size: "default"
   }
 });
+const button = (props) => buttonStyles(props);
 
-export { button };
+export { button, buttonStyles };

package/dist/esm/components/drawer/drawer.js

@@ -1,6 +1,6 @@
 import { tv } from 'tailwind-variants';
 
-const drawer = tv({
+const drawerStyles = tv({
   base: "bg-white fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform peer-checked:translate-x-0",
   variants: {
     position: {
@@ -15,5 +15,6 @@ const drawer = tv({
 const overlay = tv({
   base: "fixed h-full w-full left-0 top-0 transition peer-checked:bg-black peer-checked:bg-opacity-50 z-[-1] peer-checked:z-[0] peer-checked:cursor-pointer"
 });
+const drawer = (props) => drawerStyles(props);
 
 export { drawer, overlay };

package/dist/esm/components/hint/hint.js

@@ -1,6 +1,6 @@
 import { tv } from 'tailwind-variants';
 
-const hint = tv({
+const hintStyles = tv({
   base: "text-label font-bold flex items-center",
   variants: {
     intent: {
@@ -12,5 +12,6 @@ const hint = tv({
   },
   defaultVariants: { intent: "default" }
 });
+const hint = (props) => hintStyles(props);
 
 export { hint };

package/dist/esm/components/input/{index.js → input.js}

@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants';
 import { clsx } from 'clsx';
 
-const inputBase = tv({
+const inputBaseStyles = tv({
   base: "relative min-h-[44px] h-auto flex px-centi py-1.5 focus-within:outline focus-within:outline-1 text-base font-bold items-center bg-transparent border rounded-mili",
   variants: {
     intent: {
@@ -35,7 +35,7 @@ const inputBase = tv({
     intent: "default"
   }
 });
-const labelBase = tv({
+const labelBaseStyles = tv({
   base: "absolute duration-300 -translate-y-2 scale-[0.72] top-2.5 z-10 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:-translate-y-0 peer-focus:scale-[0.72] peer-focus:-translate-y-2 peer-focus:top-2.5 font-bold text-base peer-disabled:text-secondary-light select-none",
   variants: {
     intent: {
@@ -53,23 +53,29 @@ const labelBase = tv({
     intent: "default"
   }
 });
-const labelStyle = ({ intent, placeholder, className }) => labelBase({
+const labelStyle = ({ intent, placeholder, className }) => labelBaseStyles({
   intent,
   className: clsx(className, {
     "peer-placeholder-shown:hidden": !!placeholder
   })
 });
-const input = ({ className, ...variants }) => inputBase({
-  ...variants,
-  className
-});
-const inputBox = (placeholder, label, className) => clsx(
+const inputBox = (placeholder, label2, className) => clsx(
   className,
   "peer relative outline-none placeholder:text-base placeholder:text-secondary-xdark placeholder-shown:top-0 disabled:bg-opacity-0 disabled:placeholder:text-secondary-light bg-transparent",
   {
-    "focus:top-1.5": !placeholder && !!label,
-    "top-1.5": !!label
+    "focus:top-1.5": !placeholder && !!label2,
+    "top-1.5": !!label2
   }
 );
+const input = (props) => inputBaseStyles(props);
+const label = (props) => {
+  const { placeholder, intent } = props;
+  return labelBaseStyles({
+    intent,
+    className: clsx(props.className ?? props.class, {
+      "peer-placeholder-shown:hidden": !!placeholder
+    })
+  });
+};
 
-export { input, inputBase, inputBox, labelBase, labelStyle };
+export { input, inputBaseStyles, inputBox, label, labelStyle };

package/dist/esm/components/select/select.js

@@ -1,14 +1,14 @@
 import { tv } from 'tailwind-variants';
-import { inputBase } from '../input/index.js';
+import { inputBaseStyles } from '../input/input.js';
 
 const buttonSelect = tv({
-  extend: inputBase,
+  extend: inputBaseStyles,
   base: "w-full justify-between bg-white gap-[200px]"
 });
 const option = tv({
   base: "text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium"
 });
-const dropDown = tv({
+const dropDownStyles = tv({
   base: "text-base max-h-[200px] w-full bg-white mt-mili rounded-mili overflow-y-scroll py-mili transition-all duration-300 origin-top-left",
   variants: {
     open: {
@@ -17,5 +17,6 @@ const dropDown = tv({
     }
   }
 });
+const dropdown = (props) => dropDownStyles(props);
 
-export { buttonSelect, dropDown, option };
+export { buttonSelect, dropdown, option };

package/dist/esm/components/tag/tag.js

@@ -1,5 +1,5 @@
 import { createTV } from 'tailwind-variants';
-import { fontSize } from '@tecsinapse/cortex-core';
+import { fontSize } from '../../tokens/definitions.js';
 
 const myTV = createTV({
   twMergeConfig: {
@@ -9,7 +9,7 @@ const myTV = createTV({
     }
   }
 });
-const tag = myTV({
+const tagStyles = myTV({
   base: "rounded-micro px-micro py-nano w-fit font-bold text-label items-center flex",
   variants: {
     intent: {
@@ -24,5 +24,6 @@ const tag = myTV({
     intent: "secondary"
   }
 });
+const tag = (props) => tagStyles(props);
 
 export { tag };

package/dist/esm/components/toggle/toggle.js

@@ -1,6 +1,6 @@
 import { tv } from 'tailwind-variants';
 
-const toggle = tv({
+const toggleStyles = tv({
   base: "peer h-[22px] w-[40px] rounded-full bg-secondary-light after:absolute after:left-micro after:top-[3px] after:h-deca after:w-deca after:rounded-full after:border after:border-white after:bg-white after:transition-all after:content-[''] peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none",
   variants: {
     intent: {
@@ -22,5 +22,6 @@ const styleLabelElement = tv({
 const styleInputElement = tv({
   base: "peer sr-only"
 });
+const toggle = (props) => toggleStyles(props);
 
 export { styleInputElement, styleLabelElement, toggle };

package/dist/esm/components/tooltip/tooltip.js

@@ -3,7 +3,7 @@ import { tv } from 'tailwind-variants';
 const tooltipContainer = tv({
   base: "group relative inline-block"
 });
-const arrowTooltip = tv({
+const arrowTooltipStyles = tv({
   base: 'after:content-[""] after:absolute after:border-secondary-dark',
   variants: {
     position: {
@@ -12,20 +12,21 @@ const arrowTooltip = tv({
     }
   }
 });
-const tooltip = tv({
+const tooltipStyles = tv({
   base: "h-8 mt-deca w-max h-fit invisible group-hover:visible opacity-0 group-hover:opacity-100  bg-secondary-dark text-white px-centi py-micro rounded-mili absolute",
   variants: {
     position: {
       bottom: [
-        arrowTooltip({ position: "bottom" }),
+        arrowTooltipStyles({ position: "bottom" }),
         "-ml-[200px] left-[50%] top-[100%] mt-centi -translate-y-[10%]"
       ],
       top: [
-        arrowTooltip({ position: "top" }),
+        arrowTooltipStyles({ position: "top" }),
         "-ml-[200px] left-[50%] bottom-[100%] mb-centi translate-y-[10%]"
       ]
     }
   }
 });
+const tooltip = (props) => tooltipStyles(props);
 
 export { tooltip, tooltipContainer };

package/dist/esm/index.js

@@ -1,11 +1,11 @@
 export { borderColor, borderRadius, borderWidth, boxShadow, colors, fontFamily, fontSize, spacing, textColor } from './tokens/definitions.js';
-export { button } from './components/button/button.js';
+export { button, buttonStyles } from './components/button/button.js';
 export { tag } from './components/tag/tag.js';
-export { input, inputBase, inputBox, labelBase, labelStyle } from './components/input/index.js';
+export { input, inputBaseStyles, inputBox, label, labelStyle } from './components/input/input.js';
 export { hint } from './components/hint/hint.js';
 export { styleInputElement, styleLabelElement, toggle } from './components/toggle/toggle.js';
 export { drawer, overlay } from './components/drawer/drawer.js';
-export { buttonSelect, dropDown, option } from './components/select/select.js';
+export { buttonSelect, dropdown, option } from './components/select/select.js';
 export { checkbox } from './components/checkbox/checkbox.js';
 export { badge, containerBadge } from './components/badge/badge.js';
 export { labelRadioButton, radioButton } from './components/radio-button/radio-button.js';

package/dist/types/components/badge/badge.d.ts

@@ -1,4 +1,5 @@
-export declare const badge: import("tailwind-variants").TVReturnType<{
+import { VariantProps } from 'tailwind-variants';
+declare const badgeStyles: import("tailwind-variants").TVReturnType<{
     intent: {
         primary: string;
         secondary: string;
@@ -93,3 +94,6 @@ export declare const containerBadge: import("tailwind-variants").TVReturnType<{
         };
     };
 } | {}>, unknown, unknown, undefined>>;
+export type BadgeVariants = VariantProps<typeof badgeStyles>;
+export declare const badge: (props?: BadgeVariants) => string;
+export {};

package/dist/types/components/button/button.d.ts

@@ -1,4 +1,5 @@
-export declare const button: import("tailwind-variants").TVReturnType<{
+import { VariantProps, ClassProp } from 'tailwind-variants';
+export declare const buttonStyles: import("tailwind-variants").TVReturnType<{
     intent: {
         primary: string;
         secondary: string;
@@ -132,3 +133,5 @@ export declare const button: import("tailwind-variants").TVReturnType<{
         circle: string;
     };
 }>, unknown, unknown, undefined>>;
+export type ButtonVariants = VariantProps<typeof buttonStyles> & ClassProp;
+export declare const button: (props?: ButtonVariants) => string;

package/dist/types/components/drawer/drawer.d.ts

@@ -1,4 +1,5 @@
-export declare const drawer: import("tailwind-variants").TVReturnType<{
+import { ClassProp, VariantProps } from 'tailwind-variants';
+declare const drawerStyles: import("tailwind-variants").TVReturnType<{
     position: {
         left: string;
         right: string;
@@ -65,3 +66,6 @@ export declare const overlay: import("tailwind-variants").TVReturnType<{
         };
     };
 } | {}>, unknown, unknown, undefined>>;
+export type DrawerVariants = VariantProps<typeof drawerStyles> & ClassProp;
+export declare const drawer: (props: DrawerVariants) => string;
+export {};

package/dist/types/components/hint/hint.d.ts

@@ -1,5 +1,5 @@
-import { VariantProps } from 'tailwind-variants';
-export declare const hint: import("tailwind-variants").TVReturnType<{
+import { ClassProp, VariantProps } from 'tailwind-variants';
+declare const hintStyles: import("tailwind-variants").TVReturnType<{
     intent: {
         default: string;
         success: string;
@@ -49,6 +49,6 @@ export declare const hint: import("tailwind-variants").TVReturnType<{
         error: string;
     };
 }>, unknown, unknown, undefined>>;
-export interface HintVariants extends VariantProps<typeof hint> {
-    className?: string;
-}
+export type HintVariants = VariantProps<typeof hintStyles> & ClassProp;
+export declare const hint: (props?: HintVariants) => string;
+export {};

package/dist/types/components/index.d.ts

@@ -1,6 +1,6 @@
 export * from './button/button';
 export * from './tag/tag';
-export * from './input';
+export * from './input/input';
 export * from './hint/hint';
 export * from './toggle/toggle';
 export * from './drawer/drawer';

package/dist/types/components/input/{index.d.ts → input.d.ts}

@@ -1,5 +1,5 @@
-import { VariantProps } from 'tailwind-variants';
-export declare const inputBase: import("tailwind-variants").TVReturnType<{
+import { ClassProp, VariantProps } from 'tailwind-variants';
+export declare const inputBaseStyles: import("tailwind-variants").TVReturnType<{
     intent: {
         default: string[];
         success: string[];
@@ -49,7 +49,7 @@ export declare const inputBase: import("tailwind-variants").TVReturnType<{
         error: string[];
     };
 }>, unknown, unknown, undefined>>;
-export declare const labelBase: import("tailwind-variants").TVReturnType<{
+declare const labelBaseStyles: import("tailwind-variants").TVReturnType<{
     intent: {
         default: string[];
         success: string[];
@@ -99,13 +99,16 @@ export declare const labelBase: import("tailwind-variants").TVReturnType<{
         error: string[];
     };
 }>, unknown, unknown, undefined>>;
-export interface LabelVariants extends VariantProps<typeof labelBase> {
+export interface LabelVariants extends VariantProps<typeof labelBaseStyles> {
     className?: string;
     placeholder?: string;
 }
 export declare const labelStyle: ({ intent, placeholder, className }: LabelVariants) => string;
-export interface InputVariants extends VariantProps<typeof inputBase> {
-    className?: string;
-}
-export declare const input: ({ className, ...variants }: InputVariants) => string;
 export declare const inputBox: (placeholder?: string, label?: string, className?: string) => string;
+export type InputBaseVariants = VariantProps<typeof inputBaseStyles> & ClassProp;
+export declare const input: (props: InputBaseVariants) => string;
+export type LabelBaseVariants = ClassProp & VariantProps<typeof labelBaseStyles> & {
+    placeholder?: string;
+};
+export declare const label: (props: LabelBaseVariants) => string;
+export {};

package/dist/types/components/select/select.d.ts

@@ -1,3 +1,4 @@
+import { ClassProp, type VariantProps } from 'tailwind-variants';
 export declare const buttonSelect: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
@@ -135,7 +136,7 @@ export declare const option: import("tailwind-variants").TVReturnType<{
         };
     };
 } | {}>, unknown, unknown, undefined>>;
-export declare const dropDown: import("tailwind-variants").TVReturnType<{
+declare const dropDownStyles: import("tailwind-variants").TVReturnType<{
     open: {
         true: string;
         false: string;
@@ -171,3 +172,8 @@ export declare const dropDown: import("tailwind-variants").TVReturnType<{
         false: string;
     };
 }>, unknown, unknown, undefined>>;
+type DropDownVariants = VariantProps<typeof dropDownStyles> & ClassProp;
+export interface DropDownProps extends Omit<DropDownVariants, 'open'>, Required<Pick<DropDownVariants, 'open'>> {
+}
+export declare const dropdown: (props: DropDownVariants) => string;
+export {};

package/dist/types/components/snackbar/snackbar.d.ts

@@ -1,4 +1,5 @@
-export declare const snackbar: import("tailwind-variants").TVReturnType<{
+import { ClassProp, VariantProps } from 'tailwind-variants';
+declare const snackbarStyles: import("tailwind-variants").TVReturnType<{
     intent: {
         primary: string;
         secondary: string;
@@ -62,3 +63,6 @@ export declare const snackbar: import("tailwind-variants").TVReturnType<{
         warning: string;
     };
 }>, unknown, unknown, undefined>>;
+type SnackbarVariants = VariantProps<typeof snackbarStyles> & ClassProp;
+export declare const snackbar: (props?: SnackbarVariants) => string;
+export {};

package/dist/types/components/tag/tag.d.ts

@@ -1,4 +1,5 @@
-export declare const tag: import("tailwind-variants").TVReturnType<{
+import { ClassProp, VariantProps } from 'tailwind-variants';
+declare const tagStyles: import("tailwind-variants").TVReturnType<{
     intent: {
         success: string;
         primary: string;
@@ -55,3 +56,6 @@ export declare const tag: import("tailwind-variants").TVReturnType<{
         white: string;
     };
 }>, unknown, unknown, undefined>>;
+export type TagVariants = VariantProps<typeof tagStyles> & ClassProp;
+export declare const tag: (props: TagVariants) => string;
+export {};

package/dist/types/components/toggle/toggle.d.ts

@@ -1,4 +1,5 @@
-export declare const toggle: import("tailwind-variants").TVReturnType<{
+import { ClassProp, VariantProps } from 'tailwind-variants';
+declare const toggleStyles: import("tailwind-variants").TVReturnType<{
     intent: {
         primary: string;
         secondary: string;
@@ -124,3 +125,6 @@ export declare const styleInputElement: import("tailwind-variants").TVReturnType
         };
     };
 } | {}>, unknown, unknown, undefined>>;
+type ToggleVariants = VariantProps<typeof toggleStyles> & ClassProp;
+export declare const toggle: (props?: ToggleVariants) => string;
+export {};

package/dist/types/components/tooltip/tooltip.d.ts

@@ -1,3 +1,4 @@
+import { ClassProp, VariantProps } from 'tailwind-variants';
 export declare const tooltipContainer: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
@@ -29,7 +30,7 @@ export declare const tooltipContainer: import("tailwind-variants").TVReturnType<
         };
     };
 } | {}>, unknown, unknown, undefined>>;
-export declare const tooltip: import("tailwind-variants").TVReturnType<{
+declare const tooltipStyles: import("tailwind-variants").TVReturnType<{
     position: {
         bottom: string[];
         top: string[];
@@ -65,3 +66,6 @@ export declare const tooltip: import("tailwind-variants").TVReturnType<{
         top: string[];
     };
 }>, unknown, unknown, undefined>>;
+type TooltipVariants = VariantProps<typeof tooltipStyles> & ClassProp;
+export declare const tooltip: (props: TooltipVariants) => string;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-core",
-  "version": "0.0.7",
+  "version": "0.0.10",
   "description": "",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -20,5 +20,6 @@
     "class-variance-authority": "^0.7.0",
     "tailwind-merge": "^2.0.0",
     "tailwind-variants": "^0.1.18"
-  }
+  },
+  "gitHead": "a1489e62337d020ca4e197c864e64f464a20d1a1"
 }