@tomo-inc/tomo-ui 0.0.11 → 0.0.13

package/dist/tailwind/plugin.cjs

@@ -0,0 +1,67 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/tailwind/plugin.ts
+var plugin_exports = {};
+__export(plugin_exports, {
+  baseConfig: () => baseConfig,
+  default: () => plugin_default
+});
+module.exports = __toCommonJS(plugin_exports);
+var import_react = require("@heroui/react");
+var baseConfig = {
+  // Don't change this prefix, some css not working
+  prefix: "heroui",
+  themes: {
+    light: {
+      colors: {
+        foreground: "#12122A",
+        background: "#FFF",
+        content1: "#FCFCFD",
+        primary: {
+          50: "#FFFBEA",
+          100: "#FFF3C4",
+          200: "#FCE588",
+          300: "#FADB5F",
+          400: "#F7C948",
+          500: "#FCD436",
+          600: "#F0B429",
+          700: "#DE911D",
+          800: "#CB6E17",
+          900: "#B44D12",
+          foreground: "#12122A",
+          DEFAULT: "#FCD436"
+        },
+        danger: "#FF5A5A",
+        warning: "#FFAD32",
+        success: "#079455",
+        t1: "#12122A",
+        t2: "#616184",
+        t3: "#8989AB",
+        t4: "#C1C0D8",
+        t5: "#EEC41F"
+      }
+    }
+  }
+};
+var plugin_default = (0, import_react.heroui)(baseConfig);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  baseConfig
+});

package/dist/tailwind/plugin.js

@@ -0,0 +1,42 @@
+// src/tailwind/plugin.ts
+import { heroui } from "@heroui/react";
+var baseConfig = {
+  // Don't change this prefix, some css not working
+  prefix: "heroui",
+  themes: {
+    light: {
+      colors: {
+        foreground: "#12122A",
+        background: "#FFF",
+        content1: "#FCFCFD",
+        primary: {
+          50: "#FFFBEA",
+          100: "#FFF3C4",
+          200: "#FCE588",
+          300: "#FADB5F",
+          400: "#F7C948",
+          500: "#FCD436",
+          600: "#F0B429",
+          700: "#DE911D",
+          800: "#CB6E17",
+          900: "#B44D12",
+          foreground: "#12122A",
+          DEFAULT: "#FCD436"
+        },
+        danger: "#FF5A5A",
+        warning: "#FFAD32",
+        success: "#079455",
+        t1: "#12122A",
+        t2: "#616184",
+        t3: "#8989AB",
+        t4: "#C1C0D8",
+        t5: "#EEC41F"
+      }
+    }
+  }
+};
+var plugin_default = heroui(baseConfig);
+export {
+  baseConfig,
+  plugin_default as default
+};

package/dist/theme/animations/index.d.mts

@@ -0,0 +1,105 @@
+declare const animations: {
+    animation: {
+        shimmer: string;
+        "drip-expand": string;
+        "spinner-ease-spin": string;
+        "spinner-linear-spin": string;
+        sway: string;
+        blink: string;
+        "fade-out": string;
+        "appearance-in": string;
+        "appearance-out": string;
+        "indeterminate-bar": string;
+    };
+    keyframes: {
+        shimmer: {
+            "100%": {
+                transform: string;
+            };
+        };
+        "spinner-spin": {
+            "0%": {
+                transform: string;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
+        "drip-expand": {
+            "0%": {
+                opacity: string;
+                transform: string;
+            };
+            "100%": {
+                opacity: string;
+                transform: string;
+            };
+        };
+        "appearance-in": {
+            "0%": {
+                opacity: string;
+                transform: string;
+            };
+            "60%": {
+                opacity: string;
+                backfaceVisibility: string;
+                webkitFontSmoothing: string;
+                transform: string;
+            };
+            "100%": {
+                opacity: string;
+                transform: string;
+            };
+        };
+        "appearance-out": {
+            "0%": {
+                opacity: string;
+                transform: string;
+            };
+            "100%": {
+                opacity: string;
+                transform: string;
+            };
+        };
+        "indeterminate-bar": {
+            "0%": {
+                transform: string;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
+        sway: {
+            "0%": {
+                transform: string;
+            };
+            "50%": {
+                transform: string;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
+        blink: {
+            "0%": {
+                opacity: string;
+            };
+            "20%": {
+                opacity: string;
+            };
+            "100%": {
+                opacity: string;
+            };
+        };
+        "fade-out": {
+            "0%": {
+                opacity: string;
+            };
+            "100%": {
+                opacity: string;
+            };
+        };
+    };
+};
+
+export { animations };

package/dist/theme/animations/index.d.ts

@@ -0,0 +1,105 @@
+declare const animations: {
+    animation: {
+        shimmer: string;
+        "drip-expand": string;
+        "spinner-ease-spin": string;
+        "spinner-linear-spin": string;
+        sway: string;
+        blink: string;
+        "fade-out": string;
+        "appearance-in": string;
+        "appearance-out": string;
+        "indeterminate-bar": string;
+    };
+    keyframes: {
+        shimmer: {
+            "100%": {
+                transform: string;
+            };
+        };
+        "spinner-spin": {
+            "0%": {
+                transform: string;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
+        "drip-expand": {
+            "0%": {
+                opacity: string;
+                transform: string;
+            };
+            "100%": {
+                opacity: string;
+                transform: string;
+            };
+        };
+        "appearance-in": {
+            "0%": {
+                opacity: string;
+                transform: string;
+            };
+            "60%": {
+                opacity: string;
+                backfaceVisibility: string;
+                webkitFontSmoothing: string;
+                transform: string;
+            };
+            "100%": {
+                opacity: string;
+                transform: string;
+            };
+        };
+        "appearance-out": {
+            "0%": {
+                opacity: string;
+                transform: string;
+            };
+            "100%": {
+                opacity: string;
+                transform: string;
+            };
+        };
+        "indeterminate-bar": {
+            "0%": {
+                transform: string;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
+        sway: {
+            "0%": {
+                transform: string;
+            };
+            "50%": {
+                transform: string;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
+        blink: {
+            "0%": {
+                opacity: string;
+            };
+            "20%": {
+                opacity: string;
+            };
+            "100%": {
+                opacity: string;
+            };
+        };
+        "fade-out": {
+            "0%": {
+                opacity: string;
+            };
+            "100%": {
+                opacity: string;
+            };
+        };
+    };
+};
+
+export { animations };

package/dist/theme/animations/index.js

@@ -0,0 +1,133 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/animations/index.ts
+var animations_exports = {};
+__export(animations_exports, {
+  animations: () => animations
+});
+module.exports = __toCommonJS(animations_exports);
+var animations = {
+  animation: {
+    shimmer: "shimmer 2s infinite",
+    "drip-expand": "drip-expand 420ms linear",
+    "spinner-ease-spin": "spinner-spin 0.8s ease infinite",
+    "spinner-linear-spin": "spinner-spin 0.8s linear infinite",
+    sway: "sway 750ms ease infinite",
+    blink: "blink 1.4s infinite both",
+    "fade-out": "fade-out 1.2s linear 0s infinite normal none running",
+    "appearance-in": "appearance-in 250ms ease-out normal both",
+    "appearance-out": "appearance-out 60ms ease-in normal both",
+    "indeterminate-bar": "indeterminate-bar 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite normal none running"
+  },
+  keyframes: {
+    shimmer: {
+      "100%": {
+        transform: "translateX(200%)"
+      }
+    },
+    "spinner-spin": {
+      "0%": {
+        transform: "rotate(0deg)"
+      },
+      "100%": {
+        transform: "rotate(360deg)"
+      }
+    },
+    "drip-expand": {
+      "0%": {
+        opacity: "0.2",
+        transform: "scale(0)"
+      },
+      "100%": {
+        opacity: "0",
+        transform: "scale(2)"
+      }
+    },
+    "appearance-in": {
+      "0%": {
+        opacity: "0",
+        transform: "translateZ(0)  scale(0.95)"
+      },
+      "60%": {
+        opacity: "0.75",
+        /* Avoid blurriness */
+        backfaceVisibility: "hidden",
+        webkitFontSmoothing: "antialiased",
+        transform: "translateZ(0) scale(1.05)"
+      },
+      "100%": {
+        opacity: "1",
+        transform: "translateZ(0) scale(1)"
+      }
+    },
+    "appearance-out": {
+      "0%": {
+        opacity: "1",
+        transform: "scale(1)"
+      },
+      "100%": {
+        opacity: "0",
+        transform: "scale(0.85)"
+      }
+    },
+    "indeterminate-bar": {
+      "0%": {
+        transform: "translateX(-50%) scaleX(0.2)"
+      },
+      "100%": {
+        transform: "translateX(100%) scaleX(1)"
+      }
+    },
+    sway: {
+      "0%": {
+        transform: "translate(0px, 0px)"
+      },
+      "50%": {
+        transform: "translate(0px, -150%)"
+      },
+      "100%": {
+        transform: "translate(0px, 0px)"
+      }
+    },
+    blink: {
+      "0%": {
+        opacity: "0.2"
+      },
+      "20%": {
+        opacity: "1"
+      },
+      "100%": {
+        opacity: "0.2"
+      }
+    },
+    "fade-out": {
+      "0%": {
+        opacity: "1"
+      },
+      "100%": {
+        opacity: "0.15"
+      }
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  animations
+});

package/dist/theme/animations/index.mjs

@@ -0,0 +1,6 @@
+import {
+  animations
+} from "../chunk-KXPLHLA6.mjs";
+export {
+  animations
+};

package/dist/theme/chunk-3HDE5SVQ.mjs

@@ -0,0 +1,241 @@
+import {
+  tv
+} from "./chunk-TX3FPB7D.mjs";
+
+// src/components/progress.ts
+var progress = tv(
+  {
+    slots: {
+      base: "flex flex-col gap-2 w-full",
+      label: "",
+      labelWrapper: "flex justify-between",
+      value: "",
+      track: "z-0 relative bg-default-300/50 overflow-hidden rtl:rotate-180",
+      indicator: "h-full"
+    },
+    variants: {
+      color: {
+        default: {
+          indicator: "bg-default-400"
+        },
+        primary: {
+          indicator: "bg-primary"
+        },
+        secondary: {
+          indicator: "bg-secondary"
+        },
+        success: {
+          indicator: "bg-success"
+        },
+        warning: {
+          indicator: "bg-warning"
+        },
+        danger: {
+          indicator: "bg-danger"
+        }
+      },
+      size: {
+        sm: {
+          label: "text-small",
+          value: "text-small",
+          track: "h-1"
+        },
+        md: {
+          label: "text-medium",
+          value: "text-medium",
+          track: "h-3"
+        },
+        lg: {
+          label: "text-large",
+          value: "text-large",
+          track: "h-5"
+        }
+      },
+      radius: {
+        none: {
+          track: "rounded-none",
+          indicator: "rounded-none"
+        },
+        sm: {
+          track: "rounded-small",
+          indicator: "rounded-small"
+        },
+        md: {
+          track: "rounded-medium",
+          indicator: "rounded-medium"
+        },
+        lg: {
+          track: "rounded-large",
+          indicator: "rounded-large"
+        },
+        full: {
+          track: "rounded-full",
+          indicator: "rounded-full"
+        }
+      },
+      isStriped: {
+        true: {
+          indicator: "bg-stripe-gradient-default bg-stripe-size"
+        }
+      },
+      isIndeterminate: {
+        true: {
+          indicator: ["absolute", "w-full", "origin-left", "animate-indeterminate-bar"]
+        }
+      },
+      isDisabled: {
+        true: {
+          base: "opacity-disabled cursor-not-allowed"
+        }
+      },
+      disableAnimation: {
+        true: {},
+        false: {
+          indicator: "transition-transform !duration-500"
+        }
+      }
+    },
+    defaultVariants: {
+      color: "primary",
+      size: "md",
+      radius: "full",
+      isStriped: false,
+      isIndeterminate: false,
+      isDisabled: false
+    },
+    compoundVariants: [
+      // disableAnimation && !isIndeterminate
+      {
+        disableAnimation: true,
+        isIndeterminate: false,
+        class: {
+          indicator: "!transition-none motion-reduce:transition-none"
+        }
+      },
+      {
+        color: "primary",
+        isStriped: true,
+        class: {
+          indicator: "bg-stripe-gradient-primary bg-stripe-size"
+        }
+      },
+      {
+        color: "secondary",
+        isStriped: true,
+        class: {
+          indicator: "bg-stripe-gradient-secondary bg-stripe-size"
+        }
+      },
+      {
+        color: "success",
+        isStriped: true,
+        class: {
+          indicator: "bg-stripe-gradient-success bg-stripe-size"
+        }
+      },
+      {
+        color: "warning",
+        isStriped: true,
+        class: {
+          indicator: "bg-stripe-gradient-warning bg-stripe-size"
+        }
+      },
+      {
+        color: "danger",
+        isStriped: true,
+        class: {
+          indicator: "bg-stripe-gradient-danger bg-stripe-size"
+        }
+      }
+    ]
+  },
+  {
+    twMerge: true
+  }
+);
+var circularProgress = tv({
+  slots: {
+    base: "flex flex-col justify-center gap-1 max-w-fit items-center",
+    label: "",
+    svgWrapper: "relative block",
+    svg: "z-0 relative overflow-hidden",
+    track: "h-full stroke-default-300/50",
+    indicator: "h-full stroke-current",
+    value: "absolute font-normal inset-0 flex items-center justify-center"
+  },
+  variants: {
+    color: {
+      default: {
+        svg: "text-default-400"
+      },
+      primary: {
+        svg: "text-primary"
+      },
+      secondary: {
+        svg: "text-secondary"
+      },
+      success: {
+        svg: "text-success"
+      },
+      warning: {
+        svg: "text-warning"
+      },
+      danger: {
+        svg: "text-danger"
+      }
+    },
+    size: {
+      sm: {
+        svg: "w-8 h-8",
+        label: "text-small",
+        value: "text-[0.5rem]"
+      },
+      md: {
+        svg: "w-10 h-10",
+        label: "text-small",
+        value: "text-[0.55rem]"
+      },
+      lg: {
+        svg: "w-12 h-12",
+        label: "text-medium",
+        value: "text-[0.6rem]"
+      }
+    },
+    isIndeterminate: {
+      true: {
+        svg: "animate-spinner-ease-spin"
+      }
+    },
+    isDisabled: {
+      true: {
+        base: "opacity-disabled cursor-not-allowed"
+      }
+    },
+    disableAnimation: {
+      true: {},
+      false: {
+        indicator: "transition-all !duration-500"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary",
+    size: "md",
+    isDisabled: false
+  },
+  compoundVariants: [
+    // disableAnimation && !isIndeterminate
+    {
+      disableAnimation: true,
+      isIndeterminate: false,
+      class: {
+        svg: "!transition-none motion-reduce:transition-none"
+      }
+    }
+  ]
+});
+
+export {
+  progress,
+  circularProgress
+};