@tecsinapse/cortex-core 0.0.2 → 0.0.4

package/dist/cjs/components/modal/modal.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var tailwindVariants = require('tailwind-variants');
+
+const modal = tailwindVariants.tv({
+  base: "inset-x-0 fixed mx-auto rounded-micro p-kilo bg-white shadow-default flex transition fixed invisible peer-checked:visible scale-0 peer-checked:scale-100"
+});
+
+exports.modal = modal;

package/dist/cjs/index.js

@@ -14,6 +14,7 @@ var radioButton = require('./components/radio-button/radio-button.js');
 var table = require('./components/table/table.js');
 var tooltip = require('./components/tooltip/tooltip.js');
 var card = require('./components/card/card.js');
+var modal = require('./components/modal/modal.js');
 
 
 
@@ -57,3 +58,4 @@ exports.tRow = table.tRow;
 exports.tooltip = tooltip.tooltip;
 exports.tooltipContainer = tooltip.tooltipContainer;
 exports.card = card.card;
+exports.modal = modal.modal;

package/dist/esm/components/modal/modal.js

@@ -0,0 +1,7 @@
+import { tv } from 'tailwind-variants';
+
+const modal = tv({
+  base: "inset-x-0 fixed mx-auto rounded-micro p-kilo bg-white shadow-default flex transition fixed invisible peer-checked:visible scale-0 peer-checked:scale-100"
+});
+
+export { modal };

package/dist/esm/index.js

@@ -12,3 +12,4 @@ export { labelRadioButton, radioButton } from './components/radio-button/radio-b
 export { hr, tCell, tFoot, tHead, tHeadCell, tRoot, tRow } from './components/table/table.js';
 export { tooltip, tooltipContainer } from './components/tooltip/tooltip.js';
 export { card } from './components/card/card.js';
+export { modal } from './components/modal/modal.js';

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

@@ -0,0 +1,95 @@
+export declare const badge: import("tailwind-variants").TVReturnType<{
+    intent: {
+        primary: string;
+        secondary: string;
+        error: string;
+        success: string;
+        warning: string;
+        info: string;
+    };
+}, undefined, "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]", import("tailwind-variants/dist/config").TVConfig<{
+    intent: {
+        primary: string;
+        secondary: string;
+        error: string;
+        success: string;
+        warning: string;
+        info: string;
+    };
+}, {
+    intent: {
+        primary: string;
+        secondary: string;
+        error: string;
+        success: string;
+        warning: string;
+        info: string;
+    };
+}>, {
+    intent: {
+        primary: string;
+        secondary: string;
+        error: string;
+        success: string;
+        warning: string;
+        info: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    intent: {
+        primary: string;
+        secondary: string;
+        error: string;
+        success: string;
+        warning: string;
+        info: string;
+    };
+}, undefined, "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]", import("tailwind-variants/dist/config").TVConfig<{
+    intent: {
+        primary: string;
+        secondary: string;
+        error: string;
+        success: string;
+        warning: string;
+        info: string;
+    };
+}, {
+    intent: {
+        primary: string;
+        secondary: string;
+        error: string;
+        success: string;
+        warning: string;
+        info: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const containerBadge: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    } | undefined;
+} | {}, undefined, "relative items-center justify-center self-center", import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "relative items-center justify-center self-center", import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;

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

@@ -0,0 +1,134 @@
+export declare const button: import("tailwind-variants").TVReturnType<{
+    intent: {
+        primary: string;
+        secondary: string;
+        success: string;
+        info: string;
+        warning: string;
+        error: string;
+    };
+    variant: {
+        outline: string;
+        text: string;
+    };
+    size: {
+        default: string;
+        small: string;
+        square: string;
+        circle: string;
+    };
+}, undefined, "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", import("tailwind-variants/dist/config").TVConfig<{
+    intent: {
+        primary: string;
+        secondary: string;
+        success: string;
+        info: string;
+        warning: string;
+        error: string;
+    };
+    variant: {
+        outline: string;
+        text: string;
+    };
+    size: {
+        default: string;
+        small: string;
+        square: string;
+        circle: string;
+    };
+}, {
+    intent: {
+        primary: string;
+        secondary: string;
+        success: string;
+        info: string;
+        warning: string;
+        error: string;
+    };
+    variant: {
+        outline: string;
+        text: string;
+    };
+    size: {
+        default: string;
+        small: string;
+        square: string;
+        circle: string;
+    };
+}>, {
+    intent: {
+        primary: string;
+        secondary: string;
+        success: string;
+        info: string;
+        warning: string;
+        error: string;
+    };
+    variant: {
+        outline: string;
+        text: string;
+    };
+    size: {
+        default: string;
+        small: string;
+        square: string;
+        circle: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    intent: {
+        primary: string;
+        secondary: string;
+        success: string;
+        info: string;
+        warning: string;
+        error: string;
+    };
+    variant: {
+        outline: string;
+        text: string;
+    };
+    size: {
+        default: string;
+        small: string;
+        square: string;
+        circle: string;
+    };
+}, undefined, "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", import("tailwind-variants/dist/config").TVConfig<{
+    intent: {
+        primary: string;
+        secondary: string;
+        success: string;
+        info: string;
+        warning: string;
+        error: string;
+    };
+    variant: {
+        outline: string;
+        text: string;
+    };
+    size: {
+        default: string;
+        small: string;
+        square: string;
+        circle: string;
+    };
+}, {
+    intent: {
+        primary: string;
+        secondary: string;
+        success: string;
+        info: string;
+        warning: string;
+        error: string;
+    };
+    variant: {
+        outline: string;
+        text: string;
+    };
+    size: {
+        default: string;
+        small: string;
+        square: string;
+        circle: string;
+    };
+}>, unknown, unknown, undefined>>;

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

@@ -0,0 +1,31 @@
+export declare const card: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    } | undefined;
+} | {}, undefined, "rounded-mili shadow-default bg-white p-deca", import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "rounded-mili shadow-default bg-white p-deca", import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;

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

@@ -0,0 +1,31 @@
+export declare const checkbox: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    } | undefined;
+} | {}, undefined, "accent-primary-medium h-5 w-5 cursor-pointer", import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "accent-primary-medium h-5 w-5 cursor-pointer", import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;

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

@@ -0,0 +1,67 @@
+export declare const drawer: import("tailwind-variants").TVReturnType<{
+    position: {
+        left: string;
+        right: string;
+    };
+}, undefined, "bg-white fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform peer-checked:translate-x-0", import("tailwind-variants/dist/config").TVConfig<{
+    position: {
+        left: string;
+        right: string;
+    };
+}, {
+    position: {
+        left: string;
+        right: string;
+    };
+}>, {
+    position: {
+        left: string;
+        right: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    position: {
+        left: string;
+        right: string;
+    };
+}, undefined, "bg-white fixed  top-0 h-full p-deca shadow-lg transition-all duration-500 transform peer-checked:translate-x-0", import("tailwind-variants/dist/config").TVConfig<{
+    position: {
+        left: string;
+        right: string;
+    };
+}, {
+    position: {
+        left: string;
+        right: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const overlay: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    } | undefined;
+} | {}, undefined, "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", import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "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", import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;

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

@@ -0,0 +1,54 @@
+import { VariantProps } from 'tailwind-variants';
+export declare const hint: import("tailwind-variants").TVReturnType<{
+    intent: {
+        default: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}, undefined, "text-label font-bold flex items-center", import("tailwind-variants/dist/config").TVConfig<{
+    intent: {
+        default: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}, {
+    intent: {
+        default: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}>, {
+    intent: {
+        default: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    intent: {
+        default: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}, undefined, "text-label font-bold flex items-center", import("tailwind-variants/dist/config").TVConfig<{
+    intent: {
+        default: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}, {
+    intent: {
+        default: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}>, unknown, unknown, undefined>>;
+export interface HintVariants extends VariantProps<typeof hint> {
+    className?: string;
+}

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

@@ -0,0 +1,14 @@
+export * from './button/button';
+export * from './tag/tag';
+export * from './input';
+export * from './hint/hint';
+export * from './toggle/toggle';
+export * from './drawer/drawer';
+export * from './select/select';
+export * from './checkbox/checkbox';
+export * from './badge/badge';
+export * from './radio-button/radio-button';
+export * from './table/table';
+export * from './tooltip/tooltip';
+export * from './card/card';
+export * from './modal/modal';

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

@@ -0,0 +1,111 @@
+import { VariantProps } from 'tailwind-variants';
+export declare const inputBase: import("tailwind-variants").TVReturnType<{
+    intent: {
+        default: string[];
+        success: string[];
+        warning: string[];
+        error: string[];
+    };
+}, undefined, "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", import("tailwind-variants/dist/config").TVConfig<{
+    intent: {
+        default: string[];
+        success: string[];
+        warning: string[];
+        error: string[];
+    };
+}, {
+    intent: {
+        default: string[];
+        success: string[];
+        warning: string[];
+        error: string[];
+    };
+}>, {
+    intent: {
+        default: string[];
+        success: string[];
+        warning: string[];
+        error: string[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    intent: {
+        default: string[];
+        success: string[];
+        warning: string[];
+        error: string[];
+    };
+}, undefined, "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", import("tailwind-variants/dist/config").TVConfig<{
+    intent: {
+        default: string[];
+        success: string[];
+        warning: string[];
+        error: string[];
+    };
+}, {
+    intent: {
+        default: string[];
+        success: string[];
+        warning: string[];
+        error: string[];
+    };
+}>, unknown, unknown, undefined>>;
+export declare const labelBase: import("tailwind-variants").TVReturnType<{
+    intent: {
+        default: string[];
+        success: string[];
+        warning: string[];
+        error: string[];
+    };
+}, undefined, "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", import("tailwind-variants/dist/config").TVConfig<{
+    intent: {
+        default: string[];
+        success: string[];
+        warning: string[];
+        error: string[];
+    };
+}, {
+    intent: {
+        default: string[];
+        success: string[];
+        warning: string[];
+        error: string[];
+    };
+}>, {
+    intent: {
+        default: string[];
+        success: string[];
+        warning: string[];
+        error: string[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    intent: {
+        default: string[];
+        success: string[];
+        warning: string[];
+        error: string[];
+    };
+}, undefined, "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", import("tailwind-variants/dist/config").TVConfig<{
+    intent: {
+        default: string[];
+        success: string[];
+        warning: string[];
+        error: string[];
+    };
+}, {
+    intent: {
+        default: string[];
+        success: string[];
+        warning: string[];
+        error: string[];
+    };
+}>, unknown, unknown, undefined>>;
+export interface LabelVariants extends VariantProps<typeof labelBase> {
+    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;

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

@@ -0,0 +1,31 @@
+export declare const modal: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    } | undefined;
+} | {}, undefined, "inset-x-0 fixed mx-auto rounded-micro p-kilo bg-white shadow-default flex transition fixed invisible peer-checked:visible scale-0 peer-checked:scale-100", import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "inset-x-0 fixed mx-auto rounded-micro p-kilo bg-white shadow-default flex transition fixed invisible peer-checked:visible scale-0 peer-checked:scale-100", import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;

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

@@ -0,0 +1,62 @@
+export declare const radioButton: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    } | undefined;
+} | {}, undefined, "accent-primary-medium h-5 w-5 cursor-pointer", import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "accent-primary-medium h-5 w-5 cursor-pointer", import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+export declare const labelRadioButton: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    } | undefined;
+} | {}, undefined, "cursor-pointer", import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "cursor-pointer", import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            base?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;