diff --git a/sparkle/package-lock.json b/sparkle/package-lock.json
index e6ecdd23c47b..cefc2b57f48d 100644
--- a/sparkle/package-lock.json
+++ b/sparkle/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "@dust-tt/sparkle",
- "version": "0.2.29",
+ "version": "0.2.32",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "@dust-tt/sparkle",
- "version": "0.2.29",
+ "version": "0.2.32",
"license": "ISC",
"dependencies": {
"@headlessui/react": "^1.7.17"
diff --git a/sparkle/package.json b/sparkle/package.json
index f69a4f796f02..19fff197576f 100644
--- a/sparkle/package.json
+++ b/sparkle/package.json
@@ -1,6 +1,6 @@
{
"name": "@dust-tt/sparkle",
- "version": "0.2.31",
+ "version": "0.2.32",
"scripts": {
"build": "rm -rf dist && rollup -c",
"build:with-tw-base": "rollup -c --environment INCLUDE_TW_BASE:true",
diff --git a/sparkle/src/_index.ts b/sparkle/src/_index.ts
index ca0cb90aa942..0f5f32612def 100644
--- a/sparkle/src/_index.ts
+++ b/sparkle/src/_index.ts
@@ -165,6 +165,7 @@ import {
ChevronRight as ChevronRightIcon,
ChevronUp as ChevronUpIcon,
ChevronUpDown as ChevronUpDownIcon,
+ Circle as CircleIcon,
Clipboard as ClipboardIcon,
ClipboardCheck as ClipboardCheckIcon,
Clock as ClockIcon,
@@ -190,6 +191,7 @@ import {
GlobeAlt as GlobeAltIcon,
HandThumbDown as HandThumbDownIcon,
HandThumbUp as HandThumbUpIcon,
+ Hexagon as HexagonIcon,
Image as ImageIcon,
InformationCircle as InformationCircleIcon,
Key as KeyIcon,
@@ -212,16 +214,19 @@ import {
PlusCircle as PlusCircleIcon,
QuestionMarkCircle as QuestionMarkCircleIcon,
Reaction as ReactionIcon,
+ Rectangle as RectangleIcon,
Robot as RobotIcon,
Rocket as RocketIcon,
Server as ServerIcon,
ShakeHands as ShakeHandsIcon,
Shapes as ShapesIcon,
Sparkles as SparklesIcon,
+ Square as SquareIcon,
Square3Stack3D as Square3Stack3DIcon,
Stop as StopIcon,
TestTube as TestTubeIcon,
Trash as TrashIcon,
+ Triangle as TriangleIcon,
User as UserIcon,
UserArrow as UserArrowIcon,
UserGroup as UserGroupIcon,
@@ -252,6 +257,7 @@ export {
ChevronRightIcon,
ChevronUpDownIcon,
ChevronUpIcon,
+ CircleIcon,
ClipboardCheckIcon,
ClipboardIcon,
ClockIcon,
@@ -277,6 +283,7 @@ export {
GlobeAltIcon,
HandThumbDownIcon,
HandThumbUpIcon,
+ HexagonIcon,
ImageIcon,
InformationCircleIcon,
KeyIcon,
@@ -299,6 +306,7 @@ export {
PlusIcon,
QuestionMarkCircleIcon,
ReactionIcon,
+ RectangleIcon,
RobotIcon,
RocketIcon,
ServerIcon,
@@ -306,9 +314,11 @@ export {
ShapesIcon,
SparklesIcon,
Square3Stack3DIcon,
+ SquareIcon,
StopIcon,
TestTubeIcon,
TrashIcon,
+ TriangleIcon,
UserArrowIcon,
UserGroupIcon,
UserIcon,
@@ -339,6 +349,7 @@ import {
ChevronRight as ChevronRightStrokeIcon,
ChevronUp as ChevronUpStrokeIcon,
ChevronUpDown as ChevronUpDownStrokeIcon,
+ Circle as CircleStrokeIcon,
Clipboard as ClipboardStrokeIcon,
ClipboardCheck as ClipboardCheckStrokeIcon,
Clock as ClockStrokeIcon,
@@ -364,6 +375,7 @@ import {
GlobeAlt as GlobeAltStrokeIcon,
HandThumbDown as HandThumbDownStrokeIcon,
HandThumbUp as HandThumbUpStrokeIcon,
+ Hexagon as HexagonStrokeIcon,
Image as ImageStrokeIcon,
InformationCircle as InformationCircleStrokeIcon,
Key as KeyStrokeIcon,
@@ -386,16 +398,19 @@ import {
PlusCircle as PlusCircleStrokeIcon,
QuestionMarkCircle as QuestionMarkCircleStrokeIcon,
Reaction as ReactionStrokeIcon,
+ Rectangle as RectangleStrokeIcon,
Robot as RobotStrokeIcon,
Rocket as RocketStrokeIcon,
Server as ServerStrokeIcon,
ShakeHands as ShakeHandsStrokeIcon,
Shapes as ShapesStrokeIcon,
Sparkles as SparklesStrokeIcon,
+ Square as SquareStrokeIcon,
Square3Stack3D as Square3Stack3DStrokeIcon,
Stop as StopStrokeIcon,
TestTube as TestTubeStrokeIcon,
Trash as TrashStrokeIcon,
+ Triangle as TriangleStrokeIcon,
User as UserStrokeIcon,
UserArrow as UserArrowStrokeIcon,
UserGroup as UserGroupStrokeIcon,
@@ -426,6 +441,7 @@ export {
ChevronRightStrokeIcon,
ChevronUpDownStrokeIcon,
ChevronUpStrokeIcon,
+ CircleStrokeIcon,
ClipboardCheckStrokeIcon,
ClipboardStrokeIcon,
ClockStrokeIcon,
@@ -451,6 +467,7 @@ export {
GlobeAltStrokeIcon,
HandThumbDownStrokeIcon,
HandThumbUpStrokeIcon,
+ HexagonStrokeIcon,
ImageStrokeIcon,
InformationCircleStrokeIcon,
KeyStrokeIcon,
@@ -473,6 +490,7 @@ export {
PlusStrokeIcon,
QuestionMarkCircleStrokeIcon,
ReactionStrokeIcon,
+ RectangleStrokeIcon,
RobotStrokeIcon,
RocketStrokeIcon,
ServerStrokeIcon,
@@ -480,9 +498,11 @@ export {
ShapesStrokeIcon,
SparklesStrokeIcon,
Square3Stack3DStrokeIcon,
+ SquareStrokeIcon,
StopStrokeIcon,
TestTubeStrokeIcon,
TrashStrokeIcon,
+ TriangleStrokeIcon,
UserArrowStrokeIcon,
UserGroupStrokeIcon,
UserPlusStrokeIcon,
diff --git a/sparkle/src/components/PriceTable.tsx b/sparkle/src/components/PriceTable.tsx
index 90d5049e7cdb..7f2123e65fb6 100644
--- a/sparkle/src/components/PriceTable.tsx
+++ b/sparkle/src/components/PriceTable.tsx
@@ -17,11 +17,13 @@ interface PriceTableProps {
}
const colorTable = {
- pink: "s-bg-pink-400 dark:s-bg-pink-500",
- amber: "s-bg-amber-400 dark:s-bg-amber-500",
- sky: "s-bg-sky-400 dark:s-bg-sky-500",
- blue: "s-bg-blue-400 dark:s-bg-blue-500",
- emerald: "s-bg-emerald-400 dark:s-bg-emerald-500",
+ pink: "s-bg-gradient-to-r s-from-pink-400 s-to-red-300 dark:s-bg-pink-500",
+ amber:
+ "s-bg-gradient-to-r s-from-amber-400 s-to-yellow-300 s-bg-amber-400 dark:s-bg-amber-500",
+ sky: "s-bg-gradient-to-r s-from-sky-400 s-to-blue-400 s-bg-sky-400 dark:s-bg-sky-500",
+ blue: "s-bg-gradient-to-r s-from-blue-400 s-to-indigo-300 s-bg-blue-400 dark:s-bg-blue-500",
+ emerald:
+ "s-bg-gradient-to-r s-from-emerald-400 s-to-green-400 s-bg-emerald-400 dark:s-bg-emerald-500",
};
const textColorTable = {
@@ -33,8 +35,8 @@ const textColorTable = {
};
const sizeTable = {
- sm: "s-rounded-2xl s-p-1.5 s-shadow-2xl",
- xs: "s-rounded-xl s-p-1 s-shadow-xl",
+ sm: "s-rounded-2xl s-p-px s-shadow-2xl",
+ xs: "s-rounded-2xl s-p-px s-shadow-xl",
};
export function PriceTable({
@@ -77,7 +79,7 @@ export function PriceTable({
) => (
+
+);
+export default SvgCircle;
diff --git a/sparkle/src/icons/solid/Hexagon.tsx b/sparkle/src/icons/solid/Hexagon.tsx
new file mode 100644
index 000000000000..1e67b51eca8d
--- /dev/null
+++ b/sparkle/src/icons/solid/Hexagon.tsx
@@ -0,0 +1,15 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgHexagon = (props: SVGProps
) => (
+
+);
+export default SvgHexagon;
diff --git a/sparkle/src/icons/solid/Rectangle.tsx b/sparkle/src/icons/solid/Rectangle.tsx
new file mode 100644
index 000000000000..e636e6052651
--- /dev/null
+++ b/sparkle/src/icons/solid/Rectangle.tsx
@@ -0,0 +1,15 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgRectangle = (props: SVGProps) => (
+
+);
+export default SvgRectangle;
diff --git a/sparkle/src/icons/solid/Robot.tsx b/sparkle/src/icons/solid/Robot.tsx
index b578e1252398..6e7a2c605676 100644
--- a/sparkle/src/icons/solid/Robot.tsx
+++ b/sparkle/src/icons/solid/Robot.tsx
@@ -13,7 +13,7 @@ const SvgRobot = (props: SVGProps) => (
diff --git a/sparkle/src/icons/solid/Square.tsx b/sparkle/src/icons/solid/Square.tsx
new file mode 100644
index 000000000000..899ce663942f
--- /dev/null
+++ b/sparkle/src/icons/solid/Square.tsx
@@ -0,0 +1,15 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgSquare = (props: SVGProps) => (
+
+);
+export default SvgSquare;
diff --git a/sparkle/src/icons/solid/Triangle.tsx b/sparkle/src/icons/solid/Triangle.tsx
new file mode 100644
index 000000000000..125fa6afcef8
--- /dev/null
+++ b/sparkle/src/icons/solid/Triangle.tsx
@@ -0,0 +1,15 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgTriangle = (props: SVGProps) => (
+
+);
+export default SvgTriangle;
diff --git a/sparkle/src/icons/solid/index.ts b/sparkle/src/icons/solid/index.ts
index e113c20a9883..07bc56c0afb7 100644
--- a/sparkle/src/icons/solid/index.ts
+++ b/sparkle/src/icons/solid/index.ts
@@ -18,6 +18,7 @@ export { default as ChevronLeft } from "./ChevronLeft";
export { default as ChevronRight } from "./ChevronRight";
export { default as ChevronUp } from "./ChevronUp";
export { default as ChevronUpDown } from "./ChevronUpDown";
+export { default as Circle } from "./Circle";
export { default as Clipboard } from "./Clipboard";
export { default as ClipboardCheck } from "./ClipboardCheck";
export { default as Clock } from "./Clock";
@@ -43,6 +44,7 @@ export { default as Fullscreen } from "./Fullscreen";
export { default as GlobeAlt } from "./GlobeAlt";
export { default as HandThumbDown } from "./HandThumbDown";
export { default as HandThumbUp } from "./HandThumbUp";
+export { default as Hexagon } from "./Hexagon";
export { default as Image } from "./Image";
export { default as InformationCircle } from "./InformationCircle";
export { default as Key } from "./Key";
@@ -65,16 +67,19 @@ export { default as Plus } from "./Plus";
export { default as PlusCircle } from "./PlusCircle";
export { default as QuestionMarkCircle } from "./QuestionMarkCircle";
export { default as Reaction } from "./Reaction";
+export { default as Rectangle } from "./Rectangle";
export { default as Robot } from "./Robot";
export { default as Rocket } from "./Rocket";
export { default as Server } from "./Server";
export { default as ShakeHands } from "./ShakeHands";
export { default as Shapes } from "./Shapes";
export { default as Sparkles } from "./Sparkles";
+export { default as Square } from "./Square";
export { default as Square3Stack3D } from "./Square3Stack3D";
export { default as Stop } from "./Stop";
export { default as TestTube } from "./TestTube";
export { default as Trash } from "./Trash";
+export { default as Triangle } from "./Triangle";
export { default as User } from "./User";
export { default as UserArrow } from "./UserArrow";
export { default as UserGroup } from "./UserGroup";
diff --git a/sparkle/src/icons/src/solid/circle.svg b/sparkle/src/icons/src/solid/circle.svg
new file mode 100644
index 000000000000..a8d3a8ad47bc
--- /dev/null
+++ b/sparkle/src/icons/src/solid/circle.svg
@@ -0,0 +1,3 @@
+
diff --git a/sparkle/src/icons/src/solid/hexagon.svg b/sparkle/src/icons/src/solid/hexagon.svg
new file mode 100644
index 000000000000..ce51f09ad99f
--- /dev/null
+++ b/sparkle/src/icons/src/solid/hexagon.svg
@@ -0,0 +1,3 @@
+
diff --git a/sparkle/src/icons/src/solid/rectangle.svg b/sparkle/src/icons/src/solid/rectangle.svg
new file mode 100644
index 000000000000..8c729377d3ab
--- /dev/null
+++ b/sparkle/src/icons/src/solid/rectangle.svg
@@ -0,0 +1,3 @@
+
diff --git a/sparkle/src/icons/src/solid/robot.svg b/sparkle/src/icons/src/solid/robot.svg
index 073365f47571..3fecd3130759 100644
--- a/sparkle/src/icons/src/solid/robot.svg
+++ b/sparkle/src/icons/src/solid/robot.svg
@@ -1,6 +1,6 @@
diff --git a/sparkle/src/icons/src/solid/square.svg b/sparkle/src/icons/src/solid/square.svg
new file mode 100644
index 000000000000..ea9ae693da34
--- /dev/null
+++ b/sparkle/src/icons/src/solid/square.svg
@@ -0,0 +1,3 @@
+
diff --git a/sparkle/src/icons/src/solid/triangle.svg b/sparkle/src/icons/src/solid/triangle.svg
new file mode 100644
index 000000000000..b2d0ff062c60
--- /dev/null
+++ b/sparkle/src/icons/src/solid/triangle.svg
@@ -0,0 +1,3 @@
+
diff --git a/sparkle/src/icons/src/stroke/circle.svg b/sparkle/src/icons/src/stroke/circle.svg
new file mode 100644
index 000000000000..4ed78824f0e9
--- /dev/null
+++ b/sparkle/src/icons/src/stroke/circle.svg
@@ -0,0 +1,3 @@
+
diff --git a/sparkle/src/icons/src/stroke/hexagon.svg b/sparkle/src/icons/src/stroke/hexagon.svg
new file mode 100644
index 000000000000..03c913980a5f
--- /dev/null
+++ b/sparkle/src/icons/src/stroke/hexagon.svg
@@ -0,0 +1,3 @@
+
diff --git a/sparkle/src/icons/src/stroke/logout.svg b/sparkle/src/icons/src/stroke/logout.svg
index 39f9465226ac..e5450f3de34f 100644
--- a/sparkle/src/icons/src/stroke/logout.svg
+++ b/sparkle/src/icons/src/stroke/logout.svg
@@ -1,3 +1,4 @@
diff --git a/sparkle/src/icons/src/stroke/rectangle.svg b/sparkle/src/icons/src/stroke/rectangle.svg
new file mode 100644
index 000000000000..a41a18023756
--- /dev/null
+++ b/sparkle/src/icons/src/stroke/rectangle.svg
@@ -0,0 +1,3 @@
+
diff --git a/sparkle/src/icons/src/stroke/robot.svg b/sparkle/src/icons/src/stroke/robot.svg
index 24aa5a290a3e..135e4e4b339f 100644
--- a/sparkle/src/icons/src/stroke/robot.svg
+++ b/sparkle/src/icons/src/stroke/robot.svg
@@ -2,7 +2,7 @@
-
+
diff --git a/sparkle/src/icons/src/stroke/square.svg b/sparkle/src/icons/src/stroke/square.svg
new file mode 100644
index 000000000000..d6d02d4900be
--- /dev/null
+++ b/sparkle/src/icons/src/stroke/square.svg
@@ -0,0 +1,3 @@
+
diff --git a/sparkle/src/icons/src/stroke/triangle.svg b/sparkle/src/icons/src/stroke/triangle.svg
new file mode 100644
index 000000000000..a48c52f84ca8
--- /dev/null
+++ b/sparkle/src/icons/src/stroke/triangle.svg
@@ -0,0 +1,3 @@
+
diff --git a/sparkle/src/icons/stroke/Circle.tsx b/sparkle/src/icons/stroke/Circle.tsx
new file mode 100644
index 000000000000..ddbed41f39ae
--- /dev/null
+++ b/sparkle/src/icons/stroke/Circle.tsx
@@ -0,0 +1,20 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgCircle = (props: SVGProps) => (
+
+);
+export default SvgCircle;
diff --git a/sparkle/src/icons/stroke/Hexagon.tsx b/sparkle/src/icons/stroke/Hexagon.tsx
new file mode 100644
index 000000000000..845854eb1464
--- /dev/null
+++ b/sparkle/src/icons/stroke/Hexagon.tsx
@@ -0,0 +1,20 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgHexagon = (props: SVGProps) => (
+
+);
+export default SvgHexagon;
diff --git a/sparkle/src/icons/stroke/Logout.tsx b/sparkle/src/icons/stroke/Logout.tsx
index 7baab499ac2a..7191ede4ffad 100644
--- a/sparkle/src/icons/stroke/Logout.tsx
+++ b/sparkle/src/icons/stroke/Logout.tsx
@@ -11,8 +11,9 @@ const SvgLogout = (props: SVGProps) => (
>
+
);
export default SvgLogout;
diff --git a/sparkle/src/icons/stroke/Rectangle.tsx b/sparkle/src/icons/stroke/Rectangle.tsx
new file mode 100644
index 000000000000..a5b1e36591ed
--- /dev/null
+++ b/sparkle/src/icons/stroke/Rectangle.tsx
@@ -0,0 +1,20 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgRectangle = (props: SVGProps) => (
+
+);
+export default SvgRectangle;
diff --git a/sparkle/src/icons/stroke/Robot.tsx b/sparkle/src/icons/stroke/Robot.tsx
index 46eb319febb6..7397eb79fdda 100644
--- a/sparkle/src/icons/stroke/Robot.tsx
+++ b/sparkle/src/icons/stroke/Robot.tsx
@@ -11,7 +11,7 @@ const SvgRobot = (props: SVGProps) => (
>
) => (
+
+);
+export default SvgSquare;
diff --git a/sparkle/src/icons/stroke/Triangle.tsx b/sparkle/src/icons/stroke/Triangle.tsx
new file mode 100644
index 000000000000..48dcfb988d06
--- /dev/null
+++ b/sparkle/src/icons/stroke/Triangle.tsx
@@ -0,0 +1,20 @@
+import type { SVGProps } from "react";
+import * as React from "react";
+const SvgTriangle = (props: SVGProps) => (
+
+);
+export default SvgTriangle;
diff --git a/sparkle/src/icons/stroke/index.ts b/sparkle/src/icons/stroke/index.ts
index e113c20a9883..07bc56c0afb7 100644
--- a/sparkle/src/icons/stroke/index.ts
+++ b/sparkle/src/icons/stroke/index.ts
@@ -18,6 +18,7 @@ export { default as ChevronLeft } from "./ChevronLeft";
export { default as ChevronRight } from "./ChevronRight";
export { default as ChevronUp } from "./ChevronUp";
export { default as ChevronUpDown } from "./ChevronUpDown";
+export { default as Circle } from "./Circle";
export { default as Clipboard } from "./Clipboard";
export { default as ClipboardCheck } from "./ClipboardCheck";
export { default as Clock } from "./Clock";
@@ -43,6 +44,7 @@ export { default as Fullscreen } from "./Fullscreen";
export { default as GlobeAlt } from "./GlobeAlt";
export { default as HandThumbDown } from "./HandThumbDown";
export { default as HandThumbUp } from "./HandThumbUp";
+export { default as Hexagon } from "./Hexagon";
export { default as Image } from "./Image";
export { default as InformationCircle } from "./InformationCircle";
export { default as Key } from "./Key";
@@ -65,16 +67,19 @@ export { default as Plus } from "./Plus";
export { default as PlusCircle } from "./PlusCircle";
export { default as QuestionMarkCircle } from "./QuestionMarkCircle";
export { default as Reaction } from "./Reaction";
+export { default as Rectangle } from "./Rectangle";
export { default as Robot } from "./Robot";
export { default as Rocket } from "./Rocket";
export { default as Server } from "./Server";
export { default as ShakeHands } from "./ShakeHands";
export { default as Shapes } from "./Shapes";
export { default as Sparkles } from "./Sparkles";
+export { default as Square } from "./Square";
export { default as Square3Stack3D } from "./Square3Stack3D";
export { default as Stop } from "./Stop";
export { default as TestTube } from "./TestTube";
export { default as Trash } from "./Trash";
+export { default as Triangle } from "./Triangle";
export { default as User } from "./User";
export { default as UserArrow } from "./UserArrow";
export { default as UserGroup } from "./UserGroup";