@tecsinapse/cortex-core 0.3.0-beta.0 → 0.3.0-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,7 +6,7 @@ const overlay = tailwindVariants.tv({
6
6
  base: "fixed",
7
7
  variants: {
8
8
  show: {
9
- true: "bg-opacity-50 cursor-pointer z-[0] bg-black h-full w-full left-0 top-0 transition",
9
+ true: "bg-opacity-50 z-[0] bg-black h-full w-full left-0 top-0 transition cursor-pointer",
10
10
  false: "invisible"
11
11
  }
12
12
  }
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ var tailwindVariants = require('tailwind-variants');
4
+
5
+ const divider = tailwindVariants.tv({
6
+ base: "border-solid border-t border-secondary-light w-full"
7
+ });
8
+
9
+ exports.divider = divider;
@@ -4,7 +4,7 @@ var tailwindVariants = require('tailwind-variants');
4
4
  var clsx = require('clsx');
5
5
 
6
6
  const inputBaseStyles = tailwindVariants.tv({
7
- 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",
7
+ base: "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-white focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent",
8
8
  variants: {
9
9
  intent: {
10
10
  default: [
@@ -38,13 +38,13 @@ const inputBaseStyles = tailwindVariants.tv({
38
38
  }
39
39
  });
40
40
  const labelBaseStyles = tailwindVariants.tv({
41
- 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",
41
+ 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 w-max",
42
42
  variants: {
43
43
  intent: {
44
44
  default: [
45
45
  "text-secondary-medium",
46
46
  "peer-focus:text-secondary-medium",
47
- "peer-placeholder-shown:text-secondary-xdark"
47
+ "peer-placeholder-shown:text-secondary-medium"
48
48
  ],
49
49
  success: ["text-success-medium"],
50
50
  warning: ["text-warning-medium"],
@@ -63,7 +63,7 @@ const labelStyle = ({ intent, placeholder, className }) => labelBaseStyles({
63
63
  });
64
64
  const inputBox = (placeholder, label2, className) => clsx.clsx(
65
65
  className,
66
- "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",
66
+ "peer relative outline-none placeholder:text-base placeholder:text-secondary-medium placeholder-shown:top-0 disabled:placeholder:text-secondary-light disabled:text-secondary-light bg-transparent",
67
67
  {
68
68
  "focus:top-1.5": !placeholder && !!label2,
69
69
  "top-1.5": !!label2
@@ -0,0 +1,15 @@
1
+ 'use strict';
2
+
3
+ var tailwindVariants = require('tailwind-variants');
4
+
5
+ const popoverContainer = tailwindVariants.tv({
6
+ base: "group relative inline-block"
7
+ });
8
+ const popoverStyles = tailwindVariants.tv({
9
+ base: "border border-gray-200 bg-black text-white p-4 rounded-md shadow-lg z-50"
10
+ });
11
+ const popover = (props) => popoverStyles(props);
12
+
13
+ exports.popover = popover;
14
+ exports.popoverContainer = popoverContainer;
15
+ exports.popoverStyles = popoverStyles;
@@ -3,25 +3,23 @@
3
3
  var tailwindVariants = require('tailwind-variants');
4
4
 
5
5
  const option = tailwindVariants.tv({
6
- base: "text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium",
6
+ base: "flex flex-row gap-x-deca items-center text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium",
7
7
  variants: {
8
8
  selected: {
9
9
  true: "text-primary-medium"
10
+ },
11
+ grouped: {
12
+ true: "px-mega"
10
13
  }
11
14
  }
12
15
  });
13
16
  const selectVariants = tailwindVariants.tv({
14
17
  slots: {
15
- dropdown: "flex flex-col gap-y-mili text-base max-h-[30vh] w-full bg-white mt-0 rounded-mili overflow-y-scroll py-mili transition-all duration-300 origin-top-left absolute list-none z-30 shadow-lg",
16
18
  button: "flex w-full justify-between items-center bg-white relative min-h-[44px] h-auto flex px-centi py-1.5 text-base font-bold items-center bg-transparent border border-secondary-light rounded-mili",
17
- groupedTitle: "font-bold text-secondary-medium",
18
- containerGrouped: "mx-centi"
19
+ groupedTitle: "font-bold text-secondary-medium mx-centi",
20
+ list: "list-none p-0"
19
21
  },
20
22
  variants: {
21
- open: {
22
- true: { dropdown: "-scale-y-1 visible" },
23
- false: { dropdown: "scale-y-0 invisible" }
24
- },
25
23
  disabled: {
26
24
  true: {
27
25
  button: "pointer-events-none text-secondary-light bg-secondary-xlight"
package/dist/cjs/index.js CHANGED
@@ -1,22 +1,24 @@
1
1
  'use strict';
2
2
 
3
3
  var definitions = require('./tokens/definitions.js');
4
+ var badge = require('./components/badge/badge.js');
4
5
  var button = require('./components/button/button.js');
5
- var tag = require('./components/tag/tag.js');
6
- var input = require('./components/input/input.js');
7
- var hint = require('./components/hint/hint.js');
8
- var toggle = require('./components/toggle/toggle.js');
9
- var drawer = require('./components/drawer/drawer.js');
10
- var select = require('./components/select/select.js');
6
+ var card = require('./components/card/card.js');
11
7
  var checkbox = require('./components/checkbox/checkbox.js');
12
- var badge = require('./components/badge/badge.js');
8
+ var common = require('./components/common/common.js');
9
+ var divider = require('./components/divider/divider.js');
10
+ var drawer = require('./components/drawer/drawer.js');
11
+ var hint = require('./components/hint/hint.js');
12
+ var input = require('./components/input/input.js');
13
+ var modal = require('./components/modal/modal.js');
14
+ var popover = require('./components/popover/popover.js');
13
15
  var radioButton = require('./components/radio-button/radio-button.js');
16
+ var select = require('./components/select/select.js');
17
+ var snackbar = require('./components/snackbar/snackbar.js');
14
18
  var table = require('./components/table/table.js');
19
+ var tag = require('./components/tag/tag.js');
20
+ var toggle = require('./components/toggle/toggle.js');
15
21
  var tooltip = require('./components/tooltip/tooltip.js');
16
- var card = require('./components/card/card.js');
17
- var modal = require('./components/modal/modal.js');
18
- var snackbar = require('./components/snackbar/snackbar.js');
19
- var common = require('./components/common/common.js');
20
22
  var index = require('./preset/index.js');
21
23
 
22
24
 
@@ -30,26 +32,30 @@ exports.fontFamily = definitions.fontFamily;
30
32
  exports.fontSize = definitions.fontSize;
31
33
  exports.spacing = definitions.spacing;
32
34
  exports.textColor = definitions.textColor;
35
+ exports.badge = badge.badge;
36
+ exports.containerBadge = badge.containerBadge;
33
37
  exports.button = button.button;
34
38
  exports.buttonStyles = button.buttonStyles;
35
- exports.tag = tag.tag;
39
+ exports.card = card.card;
40
+ exports.checkbox = checkbox.checkbox;
41
+ exports.overlay = common.overlay;
42
+ exports.divider = divider.divider;
43
+ exports.drawer = drawer.drawer;
44
+ exports.hint = hint.hint;
36
45
  exports.input = input.input;
37
46
  exports.inputBaseStyles = input.inputBaseStyles;
38
47
  exports.inputBox = input.inputBox;
39
48
  exports.label = input.label;
40
49
  exports.labelStyle = input.labelStyle;
41
- exports.hint = hint.hint;
42
- exports.styleInputElement = toggle.styleInputElement;
43
- exports.styleLabelElement = toggle.styleLabelElement;
44
- exports.toggle = toggle.toggle;
45
- exports.drawer = drawer.drawer;
46
- exports.option = select.option;
47
- exports.selectVariants = select.selectVariants;
48
- exports.checkbox = checkbox.checkbox;
49
- exports.badge = badge.badge;
50
- exports.containerBadge = badge.containerBadge;
50
+ exports.modal = modal.modal;
51
+ exports.popover = popover.popover;
52
+ exports.popoverContainer = popover.popoverContainer;
53
+ exports.popoverStyles = popover.popoverStyles;
51
54
  exports.labelRadioButton = radioButton.labelRadioButton;
52
55
  exports.radioButton = radioButton.radioButton;
56
+ exports.option = select.option;
57
+ exports.selectVariants = select.selectVariants;
58
+ exports.snackbar = snackbar.snackbar;
53
59
  exports.hr = table.hr;
54
60
  exports.tCell = table.tCell;
55
61
  exports.tFoot = table.tFoot;
@@ -57,10 +63,10 @@ exports.tHead = table.tHead;
57
63
  exports.tHeadCell = table.tHeadCell;
58
64
  exports.tRoot = table.tRoot;
59
65
  exports.tRow = table.tRow;
66
+ exports.tag = tag.tag;
67
+ exports.styleInputElement = toggle.styleInputElement;
68
+ exports.styleLabelElement = toggle.styleLabelElement;
69
+ exports.toggle = toggle.toggle;
60
70
  exports.tooltip = tooltip.tooltip;
61
71
  exports.tooltipContainer = tooltip.tooltipContainer;
62
- exports.card = card.card;
63
- exports.modal = modal.modal;
64
- exports.snackbar = snackbar.snackbar;
65
- exports.overlay = common.overlay;
66
72
  exports.preset = index;
@@ -4,7 +4,7 @@ const overlay = tv({
4
4
  base: "fixed",
5
5
  variants: {
6
6
  show: {
7
- true: "bg-opacity-50 cursor-pointer z-[0] bg-black h-full w-full left-0 top-0 transition",
7
+ true: "bg-opacity-50 z-[0] bg-black h-full w-full left-0 top-0 transition cursor-pointer",
8
8
  false: "invisible"
9
9
  }
10
10
  }
@@ -0,0 +1,7 @@
1
+ import { tv } from 'tailwind-variants';
2
+
3
+ const divider = tv({
4
+ base: "border-solid border-t border-secondary-light w-full"
5
+ });
6
+
7
+ export { divider };
@@ -2,7 +2,7 @@ import { tv } from 'tailwind-variants';
2
2
  import { clsx } from 'clsx';
3
3
 
4
4
  const inputBaseStyles = tv({
5
- 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",
5
+ base: "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-white focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent",
6
6
  variants: {
7
7
  intent: {
8
8
  default: [
@@ -36,13 +36,13 @@ const inputBaseStyles = tv({
36
36
  }
37
37
  });
38
38
  const labelBaseStyles = tv({
39
- 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",
39
+ 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 w-max",
40
40
  variants: {
41
41
  intent: {
42
42
  default: [
43
43
  "text-secondary-medium",
44
44
  "peer-focus:text-secondary-medium",
45
- "peer-placeholder-shown:text-secondary-xdark"
45
+ "peer-placeholder-shown:text-secondary-medium"
46
46
  ],
47
47
  success: ["text-success-medium"],
48
48
  warning: ["text-warning-medium"],
@@ -61,7 +61,7 @@ const labelStyle = ({ intent, placeholder, className }) => labelBaseStyles({
61
61
  });
62
62
  const inputBox = (placeholder, label2, className) => clsx(
63
63
  className,
64
- "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",
64
+ "peer relative outline-none placeholder:text-base placeholder:text-secondary-medium placeholder-shown:top-0 disabled:placeholder:text-secondary-light disabled:text-secondary-light bg-transparent",
65
65
  {
66
66
  "focus:top-1.5": !placeholder && !!label2,
67
67
  "top-1.5": !!label2
@@ -0,0 +1,11 @@
1
+ import { tv } from 'tailwind-variants';
2
+
3
+ const popoverContainer = tv({
4
+ base: "group relative inline-block"
5
+ });
6
+ const popoverStyles = tv({
7
+ base: "border border-gray-200 bg-black text-white p-4 rounded-md shadow-lg z-50"
8
+ });
9
+ const popover = (props) => popoverStyles(props);
10
+
11
+ export { popover, popoverContainer, popoverStyles };
@@ -1,25 +1,23 @@
1
1
  import { tv } from 'tailwind-variants';
2
2
 
3
3
  const option = tv({
4
- base: "text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium",
4
+ base: "flex flex-row gap-x-deca items-center text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium",
5
5
  variants: {
6
6
  selected: {
7
7
  true: "text-primary-medium"
8
+ },
9
+ grouped: {
10
+ true: "px-mega"
8
11
  }
9
12
  }
10
13
  });
11
14
  const selectVariants = tv({
12
15
  slots: {
13
- dropdown: "flex flex-col gap-y-mili text-base max-h-[30vh] w-full bg-white mt-0 rounded-mili overflow-y-scroll py-mili transition-all duration-300 origin-top-left absolute list-none z-30 shadow-lg",
14
16
  button: "flex w-full justify-between items-center bg-white relative min-h-[44px] h-auto flex px-centi py-1.5 text-base font-bold items-center bg-transparent border border-secondary-light rounded-mili",
15
- groupedTitle: "font-bold text-secondary-medium",
16
- containerGrouped: "mx-centi"
17
+ groupedTitle: "font-bold text-secondary-medium mx-centi",
18
+ list: "list-none p-0"
17
19
  },
18
20
  variants: {
19
- open: {
20
- true: { dropdown: "-scale-y-1 visible" },
21
- false: { dropdown: "scale-y-0 invisible" }
22
- },
23
21
  disabled: {
24
22
  true: {
25
23
  button: "pointer-events-none text-secondary-light bg-secondary-xlight"
package/dist/esm/index.js CHANGED
@@ -1,18 +1,20 @@
1
1
  export { borderColor, borderRadius, borderWidth, boxShadow, colors, fontFamily, fontSize, spacing, textColor } from './tokens/definitions.js';
2
+ export { badge, containerBadge } from './components/badge/badge.js';
2
3
  export { button, buttonStyles } from './components/button/button.js';
3
- export { tag } from './components/tag/tag.js';
4
- export { input, inputBaseStyles, inputBox, label, labelStyle } from './components/input/input.js';
5
- export { hint } from './components/hint/hint.js';
6
- export { styleInputElement, styleLabelElement, toggle } from './components/toggle/toggle.js';
7
- export { drawer } from './components/drawer/drawer.js';
8
- export { option, selectVariants } from './components/select/select.js';
4
+ export { card } from './components/card/card.js';
9
5
  export { checkbox } from './components/checkbox/checkbox.js';
10
- export { badge, containerBadge } from './components/badge/badge.js';
6
+ export { overlay } from './components/common/common.js';
7
+ export { divider } from './components/divider/divider.js';
8
+ export { drawer } from './components/drawer/drawer.js';
9
+ export { hint } from './components/hint/hint.js';
10
+ export { input, inputBaseStyles, inputBox, label, labelStyle } from './components/input/input.js';
11
+ export { modal } from './components/modal/modal.js';
12
+ export { popover, popoverContainer, popoverStyles } from './components/popover/popover.js';
11
13
  export { labelRadioButton, radioButton } from './components/radio-button/radio-button.js';
14
+ export { option, selectVariants } from './components/select/select.js';
15
+ export { snackbar } from './components/snackbar/snackbar.js';
12
16
  export { hr, tCell, tFoot, tHead, tHeadCell, tRoot, tRow } from './components/table/table.js';
17
+ export { tag } from './components/tag/tag.js';
18
+ export { styleInputElement, styleLabelElement, toggle } from './components/toggle/toggle.js';
13
19
  export { tooltip, tooltipContainer } from './components/tooltip/tooltip.js';
14
- export { card } from './components/card/card.js';
15
- export { modal } from './components/modal/modal.js';
16
- export { snackbar } from './components/snackbar/snackbar.js';
17
- export { overlay } from './components/common/common.js';
18
20
  export { default as preset } from './preset/index.js';
@@ -0,0 +1 @@
1
+ export declare const divider: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "border-solid border-t border-secondary-light w-full", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "border-solid border-t border-secondary-light w-full", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
@@ -1,16 +1,18 @@
1
+ export * from './badge/badge';
1
2
  export * from './button/button';
2
- export * from './tag/tag';
3
- export * from './input/input';
4
- export * from './hint/hint';
5
- export * from './toggle/toggle';
6
- export * from './drawer/drawer';
7
- export * from './select/select';
3
+ export * from './card/card';
8
4
  export * from './checkbox/checkbox';
9
- export * from './badge/badge';
5
+ export * from './common/common';
6
+ export * from './divider/divider';
7
+ export * from './drawer/drawer';
8
+ export * from './hint/hint';
9
+ export * from './input/input';
10
+ export * from './modal/modal';
11
+ export * from './popover/popover';
10
12
  export * from './radio-button/radio-button';
13
+ export * from './select/select';
14
+ export * from './snackbar/snackbar';
11
15
  export * from './table/table';
16
+ export * from './tag/tag';
17
+ export * from './toggle/toggle';
12
18
  export * from './tooltip/tooltip';
13
- export * from './card/card';
14
- export * from './modal/modal';
15
- export * from './snackbar/snackbar';
16
- export * from './common/common';
@@ -6,7 +6,7 @@ export declare const inputBaseStyles: import("tailwind-variants").TVReturnType<{
6
6
  warning: string[];
7
7
  error: string[];
8
8
  };
9
- }, 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<{
9
+ }, undefined, "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-white focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent", import("tailwind-variants/dist/config").TVConfig<{
10
10
  intent: {
11
11
  default: string[];
12
12
  success: string[];
@@ -34,7 +34,7 @@ export declare const inputBaseStyles: import("tailwind-variants").TVReturnType<{
34
34
  warning: string[];
35
35
  error: string[];
36
36
  };
37
- }, 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<{
37
+ }, undefined, "relative min-h-[44px] h-auto flex px-centi py-1.5 bg-white focus-within:outline focus-within:outline-1 text-base font-bold items-center border rounded-mili has-[:disabled]:bg-transparent", import("tailwind-variants/dist/config").TVConfig<{
38
38
  intent: {
39
39
  default: string[];
40
40
  success: string[];
@@ -56,7 +56,7 @@ declare const labelBaseStyles: import("tailwind-variants").TVReturnType<{
56
56
  warning: string[];
57
57
  error: string[];
58
58
  };
59
- }, 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<{
59
+ }, 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 w-max", import("tailwind-variants/dist/config").TVConfig<{
60
60
  intent: {
61
61
  default: string[];
62
62
  success: string[];
@@ -84,7 +84,7 @@ declare const labelBaseStyles: import("tailwind-variants").TVReturnType<{
84
84
  warning: string[];
85
85
  error: string[];
86
86
  };
87
- }, 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<{
87
+ }, 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 w-max", import("tailwind-variants/dist/config").TVConfig<{
88
88
  intent: {
89
89
  default: string[];
90
90
  success: string[];
@@ -0,0 +1,5 @@
1
+ import { ClassProp, VariantProps } from 'tailwind-variants';
2
+ export declare const popoverContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "group relative inline-block", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "group relative inline-block", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
3
+ export declare const popoverStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "border border-gray-200 bg-black text-white p-4 rounded-md shadow-lg z-50", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "border border-gray-200 bg-black text-white p-4 rounded-md shadow-lg z-50", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
4
+ export type popoverVariants = VariantProps<typeof popoverStyles> & ClassProp;
5
+ export declare const popover: (props: popoverVariants) => string;
@@ -2,40 +2,53 @@ export declare const option: import("tailwind-variants").TVReturnType<{
2
2
  selected: {
3
3
  true: string;
4
4
  };
5
- }, undefined, "text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium", import("tailwind-variants/dist/config").TVConfig<{
5
+ grouped: {
6
+ true: string;
7
+ };
8
+ }, undefined, "flex flex-row gap-x-deca items-center text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium", import("tailwind-variants/dist/config").TVConfig<{
6
9
  selected: {
7
10
  true: string;
8
11
  };
12
+ grouped: {
13
+ true: string;
14
+ };
9
15
  }, {
10
16
  selected: {
11
17
  true: string;
12
18
  };
19
+ grouped: {
20
+ true: string;
21
+ };
13
22
  }>, {
14
23
  selected: {
15
24
  true: string;
16
25
  };
26
+ grouped: {
27
+ true: string;
28
+ };
17
29
  }, undefined, import("tailwind-variants").TVReturnType<{
18
30
  selected: {
19
31
  true: string;
20
32
  };
21
- }, undefined, "text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium", import("tailwind-variants/dist/config").TVConfig<{
33
+ grouped: {
34
+ true: string;
35
+ };
36
+ }, undefined, "flex flex-row gap-x-deca items-center text-base py-mili px-deca font-bold hover:bg-primary-xlight hover:text-primary-medium cursor-pointer active:text-primary-medium", import("tailwind-variants/dist/config").TVConfig<{
22
37
  selected: {
23
38
  true: string;
24
39
  };
40
+ grouped: {
41
+ true: string;
42
+ };
25
43
  }, {
26
44
  selected: {
27
45
  true: string;
28
46
  };
47
+ grouped: {
48
+ true: string;
49
+ };
29
50
  }>, unknown, unknown, undefined>>;
30
51
  export declare const selectVariants: import("tailwind-variants").TVReturnType<{
31
- open: {
32
- true: {
33
- dropdown: string;
34
- };
35
- false: {
36
- dropdown: string;
37
- };
38
- };
39
52
  disabled: {
40
53
  true: {
41
54
  button: string;
@@ -48,19 +61,10 @@ export declare const selectVariants: import("tailwind-variants").TVReturnType<{
48
61
  default: string;
49
62
  };
50
63
  }, {
51
- dropdown: string;
52
64
  button: string;
53
65
  groupedTitle: string;
54
- containerGrouped: string;
66
+ list: string;
55
67
  }, undefined, import("tailwind-variants/dist/config").TVConfig<{
56
- open: {
57
- true: {
58
- dropdown: string;
59
- };
60
- false: {
61
- dropdown: string;
62
- };
63
- };
64
68
  disabled: {
65
69
  true: {
66
70
  button: string;
@@ -73,14 +77,6 @@ export declare const selectVariants: import("tailwind-variants").TVReturnType<{
73
77
  default: string;
74
78
  };
75
79
  }, {
76
- open: {
77
- true: {
78
- dropdown: string;
79
- };
80
- false: {
81
- dropdown: string;
82
- };
83
- };
84
80
  disabled: {
85
81
  true: {
86
82
  button: string;
@@ -93,14 +89,6 @@ export declare const selectVariants: import("tailwind-variants").TVReturnType<{
93
89
  default: string;
94
90
  };
95
91
  }>, {
96
- open: {
97
- true: {
98
- dropdown: string;
99
- };
100
- false: {
101
- dropdown: string;
102
- };
103
- };
104
92
  disabled: {
105
93
  true: {
106
94
  button: string;
@@ -113,19 +101,10 @@ export declare const selectVariants: import("tailwind-variants").TVReturnType<{
113
101
  default: string;
114
102
  };
115
103
  }, {
116
- dropdown: string;
117
104
  button: string;
118
105
  groupedTitle: string;
119
- containerGrouped: string;
106
+ list: string;
120
107
  }, import("tailwind-variants").TVReturnType<{
121
- open: {
122
- true: {
123
- dropdown: string;
124
- };
125
- false: {
126
- dropdown: string;
127
- };
128
- };
129
108
  disabled: {
130
109
  true: {
131
110
  button: string;
@@ -138,19 +117,10 @@ export declare const selectVariants: import("tailwind-variants").TVReturnType<{
138
117
  default: string;
139
118
  };
140
119
  }, {
141
- dropdown: string;
142
120
  button: string;
143
121
  groupedTitle: string;
144
- containerGrouped: string;
122
+ list: string;
145
123
  }, undefined, import("tailwind-variants/dist/config").TVConfig<{
146
- open: {
147
- true: {
148
- dropdown: string;
149
- };
150
- false: {
151
- dropdown: string;
152
- };
153
- };
154
124
  disabled: {
155
125
  true: {
156
126
  button: string;
@@ -163,14 +133,6 @@ export declare const selectVariants: import("tailwind-variants").TVReturnType<{
163
133
  default: string;
164
134
  };
165
135
  }, {
166
- open: {
167
- true: {
168
- dropdown: string;
169
- };
170
- false: {
171
- dropdown: string;
172
- };
173
- };
174
136
  disabled: {
175
137
  true: {
176
138
  button: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tecsinapse/cortex-core",
3
- "version": "0.3.0-beta.0",
3
+ "version": "0.3.0-beta.10",
4
4
  "license": "MIT",
5
5
  "description": "Core library for tailwindcss based design",
6
6
  "main": "dist/esm/index.js",
@@ -31,5 +31,5 @@
31
31
  "peerDependencies": {
32
32
  "tailwindcss": ">=3.3.0"
33
33
  },
34
- "gitHead": "cc8903eb4c3ec693fa6dbd384bfc407f39e144ae"
34
+ "gitHead": "77df5fcf8a51f5f7163663ef33a4961829823940"
35
35
  }