@assistant-ui/react 0.5.8 → 0.5.10

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,7 +1,43 @@
1
1
  import * as tailwindcss_types_config from 'tailwindcss/types/config';
2
2
 
3
+ type AssistantTailwindPluginColors = {
4
+ border: string;
5
+ input: string;
6
+ ring: string;
7
+ background: string;
8
+ foreground: string;
9
+ primary: {
10
+ DEFAULT: string;
11
+ foreground: string;
12
+ };
13
+ secondary: {
14
+ DEFAULT: string;
15
+ foreground: string;
16
+ };
17
+ destructive: {
18
+ DEFAULT: string;
19
+ foreground: string;
20
+ };
21
+ muted: {
22
+ DEFAULT: string;
23
+ foreground: string;
24
+ };
25
+ accent: {
26
+ DEFAULT: string;
27
+ foreground: string;
28
+ };
29
+ popover: {
30
+ DEFAULT: string;
31
+ foreground: string;
32
+ };
33
+ card: {
34
+ DEFAULT: string;
35
+ foreground: string;
36
+ };
37
+ };
3
38
  type AssisstantTailwindPluginOptions = {
4
39
  components?: ("default-theme" | "base" | "thread" | "assistant-modal")[];
40
+ colors?: AssistantTailwindPluginColors;
5
41
  shadcn?: boolean;
6
42
  };
7
43
  declare const auiPlugin: {
@@ -1,7 +1,43 @@
1
1
  import * as tailwindcss_types_config from 'tailwindcss/types/config';
2
2
 
3
+ type AssistantTailwindPluginColors = {
4
+ border: string;
5
+ input: string;
6
+ ring: string;
7
+ background: string;
8
+ foreground: string;
9
+ primary: {
10
+ DEFAULT: string;
11
+ foreground: string;
12
+ };
13
+ secondary: {
14
+ DEFAULT: string;
15
+ foreground: string;
16
+ };
17
+ destructive: {
18
+ DEFAULT: string;
19
+ foreground: string;
20
+ };
21
+ muted: {
22
+ DEFAULT: string;
23
+ foreground: string;
24
+ };
25
+ accent: {
26
+ DEFAULT: string;
27
+ foreground: string;
28
+ };
29
+ popover: {
30
+ DEFAULT: string;
31
+ foreground: string;
32
+ };
33
+ card: {
34
+ DEFAULT: string;
35
+ foreground: string;
36
+ };
37
+ };
3
38
  type AssisstantTailwindPluginOptions = {
4
39
  components?: ("default-theme" | "base" | "thread" | "assistant-modal")[];
40
+ colors?: AssistantTailwindPluginColors;
5
41
  shadcn?: boolean;
6
42
  };
7
43
  declare const auiPlugin: {
@@ -63,45 +63,45 @@ var auiPlugin = import_plugin.default.withOptions(
63
63
  });
64
64
  }
65
65
  },
66
- ({ shadcn = false } = {}) => {
66
+ ({ shadcn = false, colors = {} } = {}) => {
67
67
  const prefix = !shadcn ? "--aui-" : "--";
68
68
  return {
69
69
  theme: {
70
70
  extend: {
71
71
  colors: {
72
72
  aui: {
73
- border: `hsl(var(${prefix}border))`,
74
- input: `hsl(var(${prefix}input))`,
75
- ring: `hsl(var(${prefix}ring))`,
76
- background: `hsl(var(${prefix}background))`,
77
- foreground: `hsl(var(${prefix}foreground))`,
73
+ border: colors.border ?? `hsl(var(${prefix}border))`,
74
+ input: colors.input ?? `hsl(var(${prefix}input))`,
75
+ ring: colors.ring ?? `hsl(var(${prefix}ring))`,
76
+ background: colors.background ?? `hsl(var(${prefix}background))`,
77
+ foreground: colors.foreground ?? `hsl(var(${prefix}foreground))`,
78
78
  primary: {
79
- DEFAULT: `hsl(var(${prefix}primary))`,
80
- foreground: `hsl(var(${prefix}primary-foreground))`
79
+ DEFAULT: colors.primary?.DEFAULT ?? `hsl(var(${prefix}primary))`,
80
+ foreground: colors.primary?.foreground ?? `hsl(var(${prefix}primary-foreground))`
81
81
  },
82
82
  secondary: {
83
- DEFAULT: `hsl(var(${prefix}secondary))`,
84
- foreground: `hsl(var(${prefix}secondary-foreground))`
83
+ DEFAULT: colors.secondary?.DEFAULT ?? `hsl(var(${prefix}secondary))`,
84
+ foreground: colors.secondary?.foreground ?? `hsl(var(${prefix}secondary-foreground))`
85
85
  },
86
86
  destructive: {
87
- DEFAULT: `hsl(var(${prefix}destructive))`,
87
+ DEFAULT: colors.destructive?.DEFAULT ?? `hsl(var(${prefix}destructive))`,
88
88
  foreground: `hsl(var(${prefix}destructive-foreground))`
89
89
  },
90
90
  muted: {
91
91
  DEFAULT: `hsl(var(${prefix}muted))`,
92
- foreground: `hsl(var(${prefix}muted-foreground))`
92
+ foreground: colors.muted?.foreground ?? `hsl(var(${prefix}muted-foreground))`
93
93
  },
94
94
  accent: {
95
- DEFAULT: `hsl(var(${prefix}accent))`,
96
- foreground: `hsl(var(${prefix}accent-foreground))`
95
+ DEFAULT: colors.accent?.DEFAULT ?? `hsl(var(${prefix}accent))`,
96
+ foreground: colors.accent?.foreground ?? `hsl(var(${prefix}accent-foreground))`
97
97
  },
98
98
  popover: {
99
- DEFAULT: `hsl(var(${prefix}popover))`,
100
- foreground: `hsl(var(${prefix}popover-foreground))`
99
+ DEFAULT: colors.popover?.DEFAULT ?? `hsl(var(${prefix}popover))`,
100
+ foreground: colors.popover?.foreground ?? `hsl(var(${prefix}popover-foreground))`
101
101
  },
102
102
  card: {
103
- DEFAULT: `hsl(var(${prefix}card))`,
104
- foreground: `hsl(var(${prefix}card-foreground))`
103
+ DEFAULT: colors.card?.DEFAULT ?? `hsl(var(${prefix}card))`,
104
+ foreground: colors.card?.foreground ?? `hsl(var(${prefix}card-foreground))`
105
105
  }
106
106
  }
107
107
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/tailwindcss/index.ts"],"sourcesContent":["import plugin from \"tailwindcss/plugin\";\n\ntype AssisstantTailwindPluginOptions = {\n components?: (\"default-theme\" | \"base\" | \"thread\" | \"assistant-modal\")[];\n shadcn?: boolean;\n};\n\nconst auiPlugin = plugin.withOptions<AssisstantTailwindPluginOptions>(\n ({ components = [\"assistant-modal\", \"thread\"], shadcn = false } = {}) =>\n ({ addComponents }) => {\n const assistantModal = components.includes(\"assistant-modal\");\n const thread = assistantModal || components.includes(\"thread\");\n const base = thread || components.includes(\"base\");\n const defaultTheme = components.includes(\"default-theme\");\n\n if (defaultTheme && shadcn)\n throw new Error(\"default-theme cannot be used with shadcn\");\n\n if (defaultTheme || (base && !shadcn)) {\n addComponents({\n '@import \"@assistant-ui/react/styles/themes/default.css\"': \"\",\n });\n }\n\n if (base) {\n addComponents({\n '@import \"@assistant-ui/react/styles/tailwindcss/base-components.css\"':\n \"\",\n });\n }\n\n if (thread) {\n addComponents({\n '@import \"@assistant-ui/react/styles/tailwindcss/thread.css\"': \"\",\n });\n }\n\n if (assistantModal) {\n addComponents({\n '@import \"@assistant-ui/react/styles/tailwindcss/modal.css\"': \"\",\n });\n }\n },\n ({ shadcn = false } = {}) => {\n const prefix = !shadcn ? \"--aui-\" : \"--\";\n return {\n theme: {\n extend: {\n colors: {\n aui: {\n border: `hsl(var(${prefix}border))`,\n input: `hsl(var(${prefix}input))`,\n ring: `hsl(var(${prefix}ring))`,\n background: `hsl(var(${prefix}background))`,\n foreground: `hsl(var(${prefix}foreground))`,\n primary: {\n DEFAULT: `hsl(var(${prefix}primary))`,\n foreground: `hsl(var(${prefix}primary-foreground))`,\n },\n secondary: {\n DEFAULT: `hsl(var(${prefix}secondary))`,\n foreground: `hsl(var(${prefix}secondary-foreground))`,\n },\n destructive: {\n DEFAULT: `hsl(var(${prefix}destructive))`,\n foreground: `hsl(var(${prefix}destructive-foreground))`,\n },\n muted: {\n DEFAULT: `hsl(var(${prefix}muted))`,\n foreground: `hsl(var(${prefix}muted-foreground))`,\n },\n accent: {\n DEFAULT: `hsl(var(${prefix}accent))`,\n foreground: `hsl(var(${prefix}accent-foreground))`,\n },\n popover: {\n DEFAULT: `hsl(var(${prefix}popover))`,\n foreground: `hsl(var(${prefix}popover-foreground))`,\n },\n card: {\n DEFAULT: `hsl(var(${prefix}card))`,\n foreground: `hsl(var(${prefix}card-foreground))`,\n },\n },\n },\n },\n },\n };\n },\n);\n\nexport default auiPlugin;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAmB;AAOnB,IAAM,YAAY,cAAAA,QAAO;AAAA,EACvB,CAAC,EAAE,aAAa,CAAC,mBAAmB,QAAQ,GAAG,SAAS,MAAM,IAAI,CAAC,MACjE,CAAC,EAAE,cAAc,MAAM;AACrB,UAAM,iBAAiB,WAAW,SAAS,iBAAiB;AAC5D,UAAM,SAAS,kBAAkB,WAAW,SAAS,QAAQ;AAC7D,UAAM,OAAO,UAAU,WAAW,SAAS,MAAM;AACjD,UAAM,eAAe,WAAW,SAAS,eAAe;AAExD,QAAI,gBAAgB;AAClB,YAAM,IAAI,MAAM,0CAA0C;AAE5D,QAAI,gBAAiB,QAAQ,CAAC,QAAS;AACrC,oBAAc;AAAA,QACZ,2DAA2D;AAAA,MAC7D,CAAC;AAAA,IACH;AAEA,QAAI,MAAM;AACR,oBAAc;AAAA,QACZ,wEACE;AAAA,MACJ,CAAC;AAAA,IACH;AAEA,QAAI,QAAQ;AACV,oBAAc;AAAA,QACZ,+DAA+D;AAAA,MACjE,CAAC;AAAA,IACH;AAEA,QAAI,gBAAgB;AAClB,oBAAc;AAAA,QACZ,8DAA8D;AAAA,MAChE,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EACF,CAAC,EAAE,SAAS,MAAM,IAAI,CAAC,MAAM;AAC3B,UAAM,SAAS,CAAC,SAAS,WAAW;AACpC,WAAO;AAAA,MACL,OAAO;AAAA,QACL,QAAQ;AAAA,UACN,QAAQ;AAAA,YACN,KAAK;AAAA,cACH,QAAQ,WAAW,MAAM;AAAA,cACzB,OAAO,WAAW,MAAM;AAAA,cACxB,MAAM,WAAW,MAAM;AAAA,cACvB,YAAY,WAAW,MAAM;AAAA,cAC7B,YAAY,WAAW,MAAM;AAAA,cAC7B,SAAS;AAAA,gBACP,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,WAAW;AAAA,gBACT,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,aAAa;AAAA,gBACX,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,OAAO;AAAA,gBACL,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,QAAQ;AAAA,gBACN,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,SAAS;AAAA,gBACP,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,MAAM;AAAA,gBACJ,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,sBAAQ;","names":["plugin"]}
1
+ {"version":3,"sources":["../../src/tailwindcss/index.ts"],"sourcesContent":["import plugin from \"tailwindcss/plugin\";\n\ntype AssistantTailwindPluginColors = {\n border: string;\n input: string;\n ring: string;\n background: string;\n foreground: string;\n primary: {\n DEFAULT: string;\n foreground: string;\n };\n secondary: {\n DEFAULT: string;\n foreground: string;\n };\n destructive: {\n DEFAULT: string;\n foreground: string;\n };\n muted: {\n DEFAULT: string;\n foreground: string;\n };\n accent: {\n DEFAULT: string;\n foreground: string;\n };\n popover: {\n DEFAULT: string;\n foreground: string;\n };\n card: {\n DEFAULT: string;\n foreground: string;\n };\n};\n\ntype AssisstantTailwindPluginOptions = {\n components?: (\"default-theme\" | \"base\" | \"thread\" | \"assistant-modal\")[];\n colors?: AssistantTailwindPluginColors;\n shadcn?: boolean;\n};\n\nconst auiPlugin = plugin.withOptions<AssisstantTailwindPluginOptions>(\n ({ components = [\"assistant-modal\", \"thread\"], shadcn = false } = {}) =>\n ({ addComponents }) => {\n const assistantModal = components.includes(\"assistant-modal\");\n const thread = assistantModal || components.includes(\"thread\");\n const base = thread || components.includes(\"base\");\n const defaultTheme = components.includes(\"default-theme\");\n\n if (defaultTheme && shadcn)\n throw new Error(\"default-theme cannot be used with shadcn\");\n\n if (defaultTheme || (base && !shadcn)) {\n addComponents({\n '@import \"@assistant-ui/react/styles/themes/default.css\"': \"\",\n });\n }\n\n if (base) {\n addComponents({\n '@import \"@assistant-ui/react/styles/tailwindcss/base-components.css\"':\n \"\",\n });\n }\n\n if (thread) {\n addComponents({\n '@import \"@assistant-ui/react/styles/tailwindcss/thread.css\"': \"\",\n });\n }\n\n if (assistantModal) {\n addComponents({\n '@import \"@assistant-ui/react/styles/tailwindcss/modal.css\"': \"\",\n });\n }\n },\n ({ shadcn = false, colors = {} } = {}) => {\n const prefix = !shadcn ? \"--aui-\" : \"--\";\n return {\n theme: {\n extend: {\n colors: {\n aui: {\n border: colors.border ?? `hsl(var(${prefix}border))`,\n input: colors.input ?? `hsl(var(${prefix}input))`,\n ring: colors.ring ?? `hsl(var(${prefix}ring))`,\n background: colors.background ?? `hsl(var(${prefix}background))`,\n foreground: colors.foreground ?? `hsl(var(${prefix}foreground))`,\n primary: {\n DEFAULT:\n colors.primary?.DEFAULT ?? `hsl(var(${prefix}primary))`,\n foreground:\n colors.primary?.foreground ??\n `hsl(var(${prefix}primary-foreground))`,\n },\n secondary: {\n DEFAULT:\n colors.secondary?.DEFAULT ?? `hsl(var(${prefix}secondary))`,\n foreground:\n colors.secondary?.foreground ??\n `hsl(var(${prefix}secondary-foreground))`,\n },\n destructive: {\n DEFAULT:\n colors.destructive?.DEFAULT ??\n `hsl(var(${prefix}destructive))`,\n foreground: `hsl(var(${prefix}destructive-foreground))`,\n },\n muted: {\n DEFAULT: `hsl(var(${prefix}muted))`,\n foreground:\n colors.muted?.foreground ??\n `hsl(var(${prefix}muted-foreground))`,\n },\n accent: {\n DEFAULT: colors.accent?.DEFAULT ?? `hsl(var(${prefix}accent))`,\n foreground:\n colors.accent?.foreground ??\n `hsl(var(${prefix}accent-foreground))`,\n },\n popover: {\n DEFAULT:\n colors.popover?.DEFAULT ?? `hsl(var(${prefix}popover))`,\n foreground:\n colors.popover?.foreground ??\n `hsl(var(${prefix}popover-foreground))`,\n },\n card: {\n DEFAULT: colors.card?.DEFAULT ?? `hsl(var(${prefix}card))`,\n foreground:\n colors.card?.foreground ??\n `hsl(var(${prefix}card-foreground))`,\n },\n },\n },\n },\n },\n };\n },\n);\n\nexport default auiPlugin;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAmB;AA4CnB,IAAM,YAAY,cAAAA,QAAO;AAAA,EACvB,CAAC,EAAE,aAAa,CAAC,mBAAmB,QAAQ,GAAG,SAAS,MAAM,IAAI,CAAC,MACjE,CAAC,EAAE,cAAc,MAAM;AACrB,UAAM,iBAAiB,WAAW,SAAS,iBAAiB;AAC5D,UAAM,SAAS,kBAAkB,WAAW,SAAS,QAAQ;AAC7D,UAAM,OAAO,UAAU,WAAW,SAAS,MAAM;AACjD,UAAM,eAAe,WAAW,SAAS,eAAe;AAExD,QAAI,gBAAgB;AAClB,YAAM,IAAI,MAAM,0CAA0C;AAE5D,QAAI,gBAAiB,QAAQ,CAAC,QAAS;AACrC,oBAAc;AAAA,QACZ,2DAA2D;AAAA,MAC7D,CAAC;AAAA,IACH;AAEA,QAAI,MAAM;AACR,oBAAc;AAAA,QACZ,wEACE;AAAA,MACJ,CAAC;AAAA,IACH;AAEA,QAAI,QAAQ;AACV,oBAAc;AAAA,QACZ,+DAA+D;AAAA,MACjE,CAAC;AAAA,IACH;AAEA,QAAI,gBAAgB;AAClB,oBAAc;AAAA,QACZ,8DAA8D;AAAA,MAChE,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EACF,CAAC,EAAE,SAAS,OAAO,SAAS,CAAC,EAAE,IAAI,CAAC,MAAM;AACxC,UAAM,SAAS,CAAC,SAAS,WAAW;AACpC,WAAO;AAAA,MACL,OAAO;AAAA,QACL,QAAQ;AAAA,UACN,QAAQ;AAAA,YACN,KAAK;AAAA,cACH,QAAQ,OAAO,UAAU,WAAW,MAAM;AAAA,cAC1C,OAAO,OAAO,SAAS,WAAW,MAAM;AAAA,cACxC,MAAM,OAAO,QAAQ,WAAW,MAAM;AAAA,cACtC,YAAY,OAAO,cAAc,WAAW,MAAM;AAAA,cAClD,YAAY,OAAO,cAAc,WAAW,MAAM;AAAA,cAClD,SAAS;AAAA,gBACP,SACE,OAAO,SAAS,WAAW,WAAW,MAAM;AAAA,gBAC9C,YACE,OAAO,SAAS,cAChB,WAAW,MAAM;AAAA,cACrB;AAAA,cACA,WAAW;AAAA,gBACT,SACE,OAAO,WAAW,WAAW,WAAW,MAAM;AAAA,gBAChD,YACE,OAAO,WAAW,cAClB,WAAW,MAAM;AAAA,cACrB;AAAA,cACA,aAAa;AAAA,gBACX,SACE,OAAO,aAAa,WACpB,WAAW,MAAM;AAAA,gBACnB,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,OAAO;AAAA,gBACL,SAAS,WAAW,MAAM;AAAA,gBAC1B,YACE,OAAO,OAAO,cACd,WAAW,MAAM;AAAA,cACrB;AAAA,cACA,QAAQ;AAAA,gBACN,SAAS,OAAO,QAAQ,WAAW,WAAW,MAAM;AAAA,gBACpD,YACE,OAAO,QAAQ,cACf,WAAW,MAAM;AAAA,cACrB;AAAA,cACA,SAAS;AAAA,gBACP,SACE,OAAO,SAAS,WAAW,WAAW,MAAM;AAAA,gBAC9C,YACE,OAAO,SAAS,cAChB,WAAW,MAAM;AAAA,cACrB;AAAA,cACA,MAAM;AAAA,gBACJ,SAAS,OAAO,MAAM,WAAW,WAAW,MAAM;AAAA,gBAClD,YACE,OAAO,MAAM,cACb,WAAW,MAAM;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,sBAAQ;","names":["plugin"]}
@@ -29,45 +29,45 @@ var auiPlugin = plugin.withOptions(
29
29
  });
30
30
  }
31
31
  },
32
- ({ shadcn = false } = {}) => {
32
+ ({ shadcn = false, colors = {} } = {}) => {
33
33
  const prefix = !shadcn ? "--aui-" : "--";
34
34
  return {
35
35
  theme: {
36
36
  extend: {
37
37
  colors: {
38
38
  aui: {
39
- border: `hsl(var(${prefix}border))`,
40
- input: `hsl(var(${prefix}input))`,
41
- ring: `hsl(var(${prefix}ring))`,
42
- background: `hsl(var(${prefix}background))`,
43
- foreground: `hsl(var(${prefix}foreground))`,
39
+ border: colors.border ?? `hsl(var(${prefix}border))`,
40
+ input: colors.input ?? `hsl(var(${prefix}input))`,
41
+ ring: colors.ring ?? `hsl(var(${prefix}ring))`,
42
+ background: colors.background ?? `hsl(var(${prefix}background))`,
43
+ foreground: colors.foreground ?? `hsl(var(${prefix}foreground))`,
44
44
  primary: {
45
- DEFAULT: `hsl(var(${prefix}primary))`,
46
- foreground: `hsl(var(${prefix}primary-foreground))`
45
+ DEFAULT: colors.primary?.DEFAULT ?? `hsl(var(${prefix}primary))`,
46
+ foreground: colors.primary?.foreground ?? `hsl(var(${prefix}primary-foreground))`
47
47
  },
48
48
  secondary: {
49
- DEFAULT: `hsl(var(${prefix}secondary))`,
50
- foreground: `hsl(var(${prefix}secondary-foreground))`
49
+ DEFAULT: colors.secondary?.DEFAULT ?? `hsl(var(${prefix}secondary))`,
50
+ foreground: colors.secondary?.foreground ?? `hsl(var(${prefix}secondary-foreground))`
51
51
  },
52
52
  destructive: {
53
- DEFAULT: `hsl(var(${prefix}destructive))`,
53
+ DEFAULT: colors.destructive?.DEFAULT ?? `hsl(var(${prefix}destructive))`,
54
54
  foreground: `hsl(var(${prefix}destructive-foreground))`
55
55
  },
56
56
  muted: {
57
57
  DEFAULT: `hsl(var(${prefix}muted))`,
58
- foreground: `hsl(var(${prefix}muted-foreground))`
58
+ foreground: colors.muted?.foreground ?? `hsl(var(${prefix}muted-foreground))`
59
59
  },
60
60
  accent: {
61
- DEFAULT: `hsl(var(${prefix}accent))`,
62
- foreground: `hsl(var(${prefix}accent-foreground))`
61
+ DEFAULT: colors.accent?.DEFAULT ?? `hsl(var(${prefix}accent))`,
62
+ foreground: colors.accent?.foreground ?? `hsl(var(${prefix}accent-foreground))`
63
63
  },
64
64
  popover: {
65
- DEFAULT: `hsl(var(${prefix}popover))`,
66
- foreground: `hsl(var(${prefix}popover-foreground))`
65
+ DEFAULT: colors.popover?.DEFAULT ?? `hsl(var(${prefix}popover))`,
66
+ foreground: colors.popover?.foreground ?? `hsl(var(${prefix}popover-foreground))`
67
67
  },
68
68
  card: {
69
- DEFAULT: `hsl(var(${prefix}card))`,
70
- foreground: `hsl(var(${prefix}card-foreground))`
69
+ DEFAULT: colors.card?.DEFAULT ?? `hsl(var(${prefix}card))`,
70
+ foreground: colors.card?.foreground ?? `hsl(var(${prefix}card-foreground))`
71
71
  }
72
72
  }
73
73
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/tailwindcss/index.ts"],"sourcesContent":["import plugin from \"tailwindcss/plugin\";\n\ntype AssisstantTailwindPluginOptions = {\n components?: (\"default-theme\" | \"base\" | \"thread\" | \"assistant-modal\")[];\n shadcn?: boolean;\n};\n\nconst auiPlugin = plugin.withOptions<AssisstantTailwindPluginOptions>(\n ({ components = [\"assistant-modal\", \"thread\"], shadcn = false } = {}) =>\n ({ addComponents }) => {\n const assistantModal = components.includes(\"assistant-modal\");\n const thread = assistantModal || components.includes(\"thread\");\n const base = thread || components.includes(\"base\");\n const defaultTheme = components.includes(\"default-theme\");\n\n if (defaultTheme && shadcn)\n throw new Error(\"default-theme cannot be used with shadcn\");\n\n if (defaultTheme || (base && !shadcn)) {\n addComponents({\n '@import \"@assistant-ui/react/styles/themes/default.css\"': \"\",\n });\n }\n\n if (base) {\n addComponents({\n '@import \"@assistant-ui/react/styles/tailwindcss/base-components.css\"':\n \"\",\n });\n }\n\n if (thread) {\n addComponents({\n '@import \"@assistant-ui/react/styles/tailwindcss/thread.css\"': \"\",\n });\n }\n\n if (assistantModal) {\n addComponents({\n '@import \"@assistant-ui/react/styles/tailwindcss/modal.css\"': \"\",\n });\n }\n },\n ({ shadcn = false } = {}) => {\n const prefix = !shadcn ? \"--aui-\" : \"--\";\n return {\n theme: {\n extend: {\n colors: {\n aui: {\n border: `hsl(var(${prefix}border))`,\n input: `hsl(var(${prefix}input))`,\n ring: `hsl(var(${prefix}ring))`,\n background: `hsl(var(${prefix}background))`,\n foreground: `hsl(var(${prefix}foreground))`,\n primary: {\n DEFAULT: `hsl(var(${prefix}primary))`,\n foreground: `hsl(var(${prefix}primary-foreground))`,\n },\n secondary: {\n DEFAULT: `hsl(var(${prefix}secondary))`,\n foreground: `hsl(var(${prefix}secondary-foreground))`,\n },\n destructive: {\n DEFAULT: `hsl(var(${prefix}destructive))`,\n foreground: `hsl(var(${prefix}destructive-foreground))`,\n },\n muted: {\n DEFAULT: `hsl(var(${prefix}muted))`,\n foreground: `hsl(var(${prefix}muted-foreground))`,\n },\n accent: {\n DEFAULT: `hsl(var(${prefix}accent))`,\n foreground: `hsl(var(${prefix}accent-foreground))`,\n },\n popover: {\n DEFAULT: `hsl(var(${prefix}popover))`,\n foreground: `hsl(var(${prefix}popover-foreground))`,\n },\n card: {\n DEFAULT: `hsl(var(${prefix}card))`,\n foreground: `hsl(var(${prefix}card-foreground))`,\n },\n },\n },\n },\n },\n };\n },\n);\n\nexport default auiPlugin;\n"],"mappings":";AAAA,OAAO,YAAY;AAOnB,IAAM,YAAY,OAAO;AAAA,EACvB,CAAC,EAAE,aAAa,CAAC,mBAAmB,QAAQ,GAAG,SAAS,MAAM,IAAI,CAAC,MACjE,CAAC,EAAE,cAAc,MAAM;AACrB,UAAM,iBAAiB,WAAW,SAAS,iBAAiB;AAC5D,UAAM,SAAS,kBAAkB,WAAW,SAAS,QAAQ;AAC7D,UAAM,OAAO,UAAU,WAAW,SAAS,MAAM;AACjD,UAAM,eAAe,WAAW,SAAS,eAAe;AAExD,QAAI,gBAAgB;AAClB,YAAM,IAAI,MAAM,0CAA0C;AAE5D,QAAI,gBAAiB,QAAQ,CAAC,QAAS;AACrC,oBAAc;AAAA,QACZ,2DAA2D;AAAA,MAC7D,CAAC;AAAA,IACH;AAEA,QAAI,MAAM;AACR,oBAAc;AAAA,QACZ,wEACE;AAAA,MACJ,CAAC;AAAA,IACH;AAEA,QAAI,QAAQ;AACV,oBAAc;AAAA,QACZ,+DAA+D;AAAA,MACjE,CAAC;AAAA,IACH;AAEA,QAAI,gBAAgB;AAClB,oBAAc;AAAA,QACZ,8DAA8D;AAAA,MAChE,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EACF,CAAC,EAAE,SAAS,MAAM,IAAI,CAAC,MAAM;AAC3B,UAAM,SAAS,CAAC,SAAS,WAAW;AACpC,WAAO;AAAA,MACL,OAAO;AAAA,QACL,QAAQ;AAAA,UACN,QAAQ;AAAA,YACN,KAAK;AAAA,cACH,QAAQ,WAAW,MAAM;AAAA,cACzB,OAAO,WAAW,MAAM;AAAA,cACxB,MAAM,WAAW,MAAM;AAAA,cACvB,YAAY,WAAW,MAAM;AAAA,cAC7B,YAAY,WAAW,MAAM;AAAA,cAC7B,SAAS;AAAA,gBACP,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,WAAW;AAAA,gBACT,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,aAAa;AAAA,gBACX,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,OAAO;AAAA,gBACL,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,QAAQ;AAAA,gBACN,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,SAAS;AAAA,gBACP,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,MAAM;AAAA,gBACJ,SAAS,WAAW,MAAM;AAAA,gBAC1B,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,sBAAQ;","names":[]}
1
+ {"version":3,"sources":["../../src/tailwindcss/index.ts"],"sourcesContent":["import plugin from \"tailwindcss/plugin\";\n\ntype AssistantTailwindPluginColors = {\n border: string;\n input: string;\n ring: string;\n background: string;\n foreground: string;\n primary: {\n DEFAULT: string;\n foreground: string;\n };\n secondary: {\n DEFAULT: string;\n foreground: string;\n };\n destructive: {\n DEFAULT: string;\n foreground: string;\n };\n muted: {\n DEFAULT: string;\n foreground: string;\n };\n accent: {\n DEFAULT: string;\n foreground: string;\n };\n popover: {\n DEFAULT: string;\n foreground: string;\n };\n card: {\n DEFAULT: string;\n foreground: string;\n };\n};\n\ntype AssisstantTailwindPluginOptions = {\n components?: (\"default-theme\" | \"base\" | \"thread\" | \"assistant-modal\")[];\n colors?: AssistantTailwindPluginColors;\n shadcn?: boolean;\n};\n\nconst auiPlugin = plugin.withOptions<AssisstantTailwindPluginOptions>(\n ({ components = [\"assistant-modal\", \"thread\"], shadcn = false } = {}) =>\n ({ addComponents }) => {\n const assistantModal = components.includes(\"assistant-modal\");\n const thread = assistantModal || components.includes(\"thread\");\n const base = thread || components.includes(\"base\");\n const defaultTheme = components.includes(\"default-theme\");\n\n if (defaultTheme && shadcn)\n throw new Error(\"default-theme cannot be used with shadcn\");\n\n if (defaultTheme || (base && !shadcn)) {\n addComponents({\n '@import \"@assistant-ui/react/styles/themes/default.css\"': \"\",\n });\n }\n\n if (base) {\n addComponents({\n '@import \"@assistant-ui/react/styles/tailwindcss/base-components.css\"':\n \"\",\n });\n }\n\n if (thread) {\n addComponents({\n '@import \"@assistant-ui/react/styles/tailwindcss/thread.css\"': \"\",\n });\n }\n\n if (assistantModal) {\n addComponents({\n '@import \"@assistant-ui/react/styles/tailwindcss/modal.css\"': \"\",\n });\n }\n },\n ({ shadcn = false, colors = {} } = {}) => {\n const prefix = !shadcn ? \"--aui-\" : \"--\";\n return {\n theme: {\n extend: {\n colors: {\n aui: {\n border: colors.border ?? `hsl(var(${prefix}border))`,\n input: colors.input ?? `hsl(var(${prefix}input))`,\n ring: colors.ring ?? `hsl(var(${prefix}ring))`,\n background: colors.background ?? `hsl(var(${prefix}background))`,\n foreground: colors.foreground ?? `hsl(var(${prefix}foreground))`,\n primary: {\n DEFAULT:\n colors.primary?.DEFAULT ?? `hsl(var(${prefix}primary))`,\n foreground:\n colors.primary?.foreground ??\n `hsl(var(${prefix}primary-foreground))`,\n },\n secondary: {\n DEFAULT:\n colors.secondary?.DEFAULT ?? `hsl(var(${prefix}secondary))`,\n foreground:\n colors.secondary?.foreground ??\n `hsl(var(${prefix}secondary-foreground))`,\n },\n destructive: {\n DEFAULT:\n colors.destructive?.DEFAULT ??\n `hsl(var(${prefix}destructive))`,\n foreground: `hsl(var(${prefix}destructive-foreground))`,\n },\n muted: {\n DEFAULT: `hsl(var(${prefix}muted))`,\n foreground:\n colors.muted?.foreground ??\n `hsl(var(${prefix}muted-foreground))`,\n },\n accent: {\n DEFAULT: colors.accent?.DEFAULT ?? `hsl(var(${prefix}accent))`,\n foreground:\n colors.accent?.foreground ??\n `hsl(var(${prefix}accent-foreground))`,\n },\n popover: {\n DEFAULT:\n colors.popover?.DEFAULT ?? `hsl(var(${prefix}popover))`,\n foreground:\n colors.popover?.foreground ??\n `hsl(var(${prefix}popover-foreground))`,\n },\n card: {\n DEFAULT: colors.card?.DEFAULT ?? `hsl(var(${prefix}card))`,\n foreground:\n colors.card?.foreground ??\n `hsl(var(${prefix}card-foreground))`,\n },\n },\n },\n },\n },\n };\n },\n);\n\nexport default auiPlugin;\n"],"mappings":";AAAA,OAAO,YAAY;AA4CnB,IAAM,YAAY,OAAO;AAAA,EACvB,CAAC,EAAE,aAAa,CAAC,mBAAmB,QAAQ,GAAG,SAAS,MAAM,IAAI,CAAC,MACjE,CAAC,EAAE,cAAc,MAAM;AACrB,UAAM,iBAAiB,WAAW,SAAS,iBAAiB;AAC5D,UAAM,SAAS,kBAAkB,WAAW,SAAS,QAAQ;AAC7D,UAAM,OAAO,UAAU,WAAW,SAAS,MAAM;AACjD,UAAM,eAAe,WAAW,SAAS,eAAe;AAExD,QAAI,gBAAgB;AAClB,YAAM,IAAI,MAAM,0CAA0C;AAE5D,QAAI,gBAAiB,QAAQ,CAAC,QAAS;AACrC,oBAAc;AAAA,QACZ,2DAA2D;AAAA,MAC7D,CAAC;AAAA,IACH;AAEA,QAAI,MAAM;AACR,oBAAc;AAAA,QACZ,wEACE;AAAA,MACJ,CAAC;AAAA,IACH;AAEA,QAAI,QAAQ;AACV,oBAAc;AAAA,QACZ,+DAA+D;AAAA,MACjE,CAAC;AAAA,IACH;AAEA,QAAI,gBAAgB;AAClB,oBAAc;AAAA,QACZ,8DAA8D;AAAA,MAChE,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EACF,CAAC,EAAE,SAAS,OAAO,SAAS,CAAC,EAAE,IAAI,CAAC,MAAM;AACxC,UAAM,SAAS,CAAC,SAAS,WAAW;AACpC,WAAO;AAAA,MACL,OAAO;AAAA,QACL,QAAQ;AAAA,UACN,QAAQ;AAAA,YACN,KAAK;AAAA,cACH,QAAQ,OAAO,UAAU,WAAW,MAAM;AAAA,cAC1C,OAAO,OAAO,SAAS,WAAW,MAAM;AAAA,cACxC,MAAM,OAAO,QAAQ,WAAW,MAAM;AAAA,cACtC,YAAY,OAAO,cAAc,WAAW,MAAM;AAAA,cAClD,YAAY,OAAO,cAAc,WAAW,MAAM;AAAA,cAClD,SAAS;AAAA,gBACP,SACE,OAAO,SAAS,WAAW,WAAW,MAAM;AAAA,gBAC9C,YACE,OAAO,SAAS,cAChB,WAAW,MAAM;AAAA,cACrB;AAAA,cACA,WAAW;AAAA,gBACT,SACE,OAAO,WAAW,WAAW,WAAW,MAAM;AAAA,gBAChD,YACE,OAAO,WAAW,cAClB,WAAW,MAAM;AAAA,cACrB;AAAA,cACA,aAAa;AAAA,gBACX,SACE,OAAO,aAAa,WACpB,WAAW,MAAM;AAAA,gBACnB,YAAY,WAAW,MAAM;AAAA,cAC/B;AAAA,cACA,OAAO;AAAA,gBACL,SAAS,WAAW,MAAM;AAAA,gBAC1B,YACE,OAAO,OAAO,cACd,WAAW,MAAM;AAAA,cACrB;AAAA,cACA,QAAQ;AAAA,gBACN,SAAS,OAAO,QAAQ,WAAW,WAAW,MAAM;AAAA,gBACpD,YACE,OAAO,QAAQ,cACf,WAAW,MAAM;AAAA,cACrB;AAAA,cACA,SAAS;AAAA,gBACP,SACE,OAAO,SAAS,WAAW,WAAW,MAAM;AAAA,gBAC9C,YACE,OAAO,SAAS,cAChB,WAAW,MAAM;AAAA,cACrB;AAAA,cACA,MAAM;AAAA,gBACJ,SAAS,OAAO,MAAM,WAAW,WAAW,MAAM;AAAA,gBAClD,YACE,OAAO,MAAM,cACb,WAAW,MAAM;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,IAAO,sBAAQ;","names":[]}
package/package.json CHANGED
@@ -29,7 +29,7 @@
29
29
  "conversational-ui",
30
30
  "conversational-ai"
31
31
  ],
32
- "version": "0.5.8",
32
+ "version": "0.5.10",
33
33
  "license": "MIT",
34
34
  "exports": {
35
35
  ".": {
@@ -78,7 +78,7 @@
78
78
  ],
79
79
  "sideEffects": false,
80
80
  "dependencies": {
81
- "@ai-sdk/provider": "^0.0.12",
81
+ "@ai-sdk/provider": "^0.0.13",
82
82
  "@radix-ui/primitive": "^1.1.0",
83
83
  "@radix-ui/react-avatar": "^1.1.0",
84
84
  "@radix-ui/react-compose-refs": "^1.1.0",
@@ -92,7 +92,7 @@
92
92
  "class-variance-authority": "^0.7.0",
93
93
  "classnames": "^2.5.1",
94
94
  "json-schema": "^0.4.0",
95
- "lucide-react": "^0.412.0",
95
+ "lucide-react": "^0.414.0",
96
96
  "nanoid": "^5.0.7",
97
97
  "react-textarea-autosize": "^8.5.3",
98
98
  "secure-json-parse": "^2.7.0",
@@ -120,7 +120,7 @@
120
120
  },
121
121
  "devDependencies": {
122
122
  "@types/json-schema": "^7.0.15",
123
- "@types/node": "^20.14.11",
123
+ "@types/node": "^20.14.12",
124
124
  "autoprefixer": "^10.4.19",
125
125
  "eslint": "^8",
126
126
  "eslint-config-next": "14.2.5",
@@ -128,7 +128,7 @@
128
128
  "postcss-nested": "^6.2.0",
129
129
  "tailwindcss": "^3.4.6",
130
130
  "tailwindcss-animate": "^1.0.7",
131
- "tsup": "8.2.1",
131
+ "tsup": "8.2.2",
132
132
  "tsx": "^4.16.2",
133
133
  "@assistant-ui/tailwindcss-transformer": "0.1.0",
134
134
  "@assistant-ui/tsconfig": "0.0.0"